diff --git a/README.md b/README.md index f8cd22a..341f6f8 100644 --- a/README.md +++ b/README.md @@ -19,7 +19,7 @@ Arc is a flat theme with transparent elements for GTK 3, GTK 2 and Gnome-Shell w ### Requirements -* Gnome/GTK 3.14, 3.16 or 3.18 +* Gnome/GTK 3.14, 3.16, 3.18 or 3.20 * The `gnome-themes-standard` package * The murrine engine. This has different names depending on your distro. * `gtk-engine-murrine` (Arch Linux) @@ -109,7 +109,7 @@ Other options to pass to autogen.sh are --disable-xfwm disable XFWM support --disable-xfce-notify disable XFCE Notify support - --with-gnome= build the theme for a specific Gnome version (3.14, 3.16, 3.18) + --with-gnome= build the theme for a specific Gnome version (3.14, 3.16, 3.18, 3.20) Note: Normally the correct version is detected automatically and this option should not be needed. diff --git a/common/gnome-shell/3.18/gnome-shell-dark.css b/common/gnome-shell/3.18/gnome-shell-dark.css index 0abc8c1..6e29ddc 100644 --- a/common/gnome-shell/3.18/gnome-shell-dark.css +++ b/common/gnome-shell/3.18/gnome-shell-dark.css @@ -379,6 +379,48 @@ StScrollBar { width: 48px; height: 48px; } +.audio-device-selection-dialog { + spacing: 30px; } + +.audio-selection-content { + spacing: 20px; + padding: 24px; } + +.audio-selection-title { + font-weight: bold; + text-align: center; } + +.audio-selection-box { + spacing: 20px; } + +.audio-selection-device { + border: 1px solid #2b2e39; + border-radius: 3px; } + .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { + background-color: #5294E2; + border-color: #5294E2; } + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; } + +.audio-selection-device-icon { + icon-size: 64px; } + +.geolocation-dialog { + spacing: 30px; } + .geolocation-dialog-main-layout { + spacing: 12px; } + .geolocation-dialog-content { + spacing: 20px; } + .geolocation-dialog-icon { + icon-size: 48px; } + .geolocation-dialog-title { + font-weight: bold; } + .geolocation-dialog-reason { + color: #D3DAE3; + font-weight: bold; } + .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } @@ -388,7 +430,7 @@ StScrollBar { spacing-columns: 1em; } .popup-menu { - min-width: 200px; + min-width: 15em; color: #D3DAE3; border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; } .popup-menu .popup-sub-menu { @@ -644,6 +686,8 @@ StScrollBar { #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } #panel .screencast-indicator { color: #FC4138; } #panel .clock-display > * > *:last-child { @@ -689,7 +733,7 @@ StScrollBar { color: transparent; } .aggregate-menu { - width: 280px; } + min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } @@ -872,8 +916,19 @@ StScrollBar { color: rgba(211, 218, 227, 0.3); opacity: 1; } +.calendar-week-number { + font-size: 70%; + font-weight: bold; + width: 2.3em; + height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: rgba(211, 218, 227, 0.3); + color: #383C4A; } + .message-list { - width: 420px; } + width: 31.5em; } .message-list-sections { spacing: 1.5em; } .message-list-section, .message-list-section-list { @@ -932,6 +987,28 @@ StScrollBar { padding: 8px; font-size: 1em; } +.message-media-control { + padding: 6px; + color: rgba(211, 218, 227, 0.45); } + .message-media-control:last-child:ltr { + padding-right: 18px; } + .message-media-control:last-child:rtl { + padding-left: 18px; } + .message-media-control:hover { + color: #D3DAE3; } + .message-media-control:active { + color: #5294E2; } + +.media-message-cover-icon { + icon-size: 32px; } + .media-message-cover-icon.fallback { + color: rgba(211, 218, 227, 0.45); + background-color: #383C4A; + border-radius: 2px; + icon-size: 16px; + padding: 8px; + border: 1px solid #2b2e39; } + .ripple-box { width: 52px; height: 52px; diff --git a/common/gnome-shell/3.18/gnome-shell.css b/common/gnome-shell/3.18/gnome-shell.css index 4054b2f..80f818c 100644 --- a/common/gnome-shell/3.18/gnome-shell.css +++ b/common/gnome-shell/3.18/gnome-shell.css @@ -379,6 +379,48 @@ StScrollBar { width: 48px; height: 48px; } +.audio-device-selection-dialog { + spacing: 30px; } + +.audio-selection-content { + spacing: 20px; + padding: 24px; } + +.audio-selection-title { + font-weight: bold; + text-align: center; } + +.audio-selection-box { + spacing: 20px; } + +.audio-selection-device { + border: 1px solid #dcdfe3; + border-radius: 3px; } + .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { + background-color: #5294E2; + border-color: #5294E2; } + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; } + +.audio-selection-device-icon { + icon-size: 64px; } + +.geolocation-dialog { + spacing: 30px; } + .geolocation-dialog-main-layout { + spacing: 12px; } + .geolocation-dialog-content { + spacing: 20px; } + .geolocation-dialog-icon { + icon-size: 48px; } + .geolocation-dialog-title { + font-weight: bold; } + .geolocation-dialog-reason { + color: #5c616c; + font-weight: bold; } + .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } @@ -388,7 +430,7 @@ StScrollBar { spacing-columns: 1em; } .popup-menu { - min-width: 200px; + min-width: 15em; color: #5c616c; border-image: url("light-assets/menu/menu.svg") 9 9 9 9; } .popup-menu .popup-sub-menu { @@ -644,6 +686,8 @@ StScrollBar { #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } #panel .screencast-indicator { color: #FC4138; } #panel .clock-display > * > *:last-child { @@ -689,7 +733,7 @@ StScrollBar { color: transparent; } .aggregate-menu { - width: 280px; } + min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } @@ -872,8 +916,19 @@ StScrollBar { color: rgba(92, 97, 108, 0.3); opacity: 1; } +.calendar-week-number { + font-size: 70%; + font-weight: bold; + width: 2.3em; + height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: rgba(92, 97, 108, 0.3); + color: #F5F6F7; } + .message-list { - width: 420px; } + width: 31.5em; } .message-list-sections { spacing: 1.5em; } .message-list-section, .message-list-section-list { @@ -932,6 +987,28 @@ StScrollBar { padding: 8px; font-size: 1em; } +.message-media-control { + padding: 6px; + color: rgba(92, 97, 108, 0.55); } + .message-media-control:last-child:ltr { + padding-right: 18px; } + .message-media-control:last-child:rtl { + padding-left: 18px; } + .message-media-control:hover { + color: #5c616c; } + .message-media-control:active { + color: #5294E2; } + +.media-message-cover-icon { + icon-size: 32px; } + .media-message-cover-icon.fallback { + color: rgba(92, 97, 108, 0.55); + background-color: #F5F6F7; + border-radius: 2px; + icon-size: 16px; + padding: 8px; + border: 1px solid #dcdfe3; } + .ripple-box { width: 52px; height: 52px; diff --git a/common/gnome-shell/3.18/sass/_common.scss b/common/gnome-shell/3.18/sass/_common.scss index 62f3366..6094af9 100644 --- a/common/gnome-shell/3.18/sass/_common.scss +++ b/common/gnome-shell/3.18/sass/_common.scss @@ -502,6 +502,61 @@ StScrollBar { } } +// +// Audio selection dialog +// +.audio-device-selection-dialog { spacing: 30px; } + +.audio-selection { + + &-content { + spacing: 20px; + padding: 24px; + } + + &-title { + font-weight: bold; + text-align: center; + } + + &-box { spacing: 20px; } + + &-device { + border: 1px solid $borders_color; + border-radius: 3px; + + &:active,&:hover,&:focus { + background-color: $selected_bg_color; + border-color: $selected_bg_color; + } + } + + &-device-box { + padding: 20px; + spacing: 20px; + } + + &-device-icon { icon-size: 64px; } + +} + +// +// Geolocation Dialog +// +.geolocation-dialog { + spacing: 30px; + + &-main-layout { spacing: 12px; } + &-content { spacing: 20px; } + &-icon { icon-size: 48px; } + &-title { font-weight: bold; } + + &-reason { + color: $fg_color; + font-weight: bold; + } +} + // // Network Agent Dialog // @@ -519,7 +574,7 @@ StScrollBar { // Popvers/Menus // .popup-menu { - min-width: 200px; + min-width: 15em; color: $fg_color; border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9; @@ -869,6 +924,11 @@ StScrollBar { spacing: 2px; } + // spacing between power icon and (optional) percentage label + .power-status.panel-status-indicators-box { + spacing: 0; + } + .screencast-indicator { color: $error_color; } .clock-display > * > *:last-child { @@ -927,7 +987,7 @@ StScrollBar { } .aggregate-menu { - width: 280px; + min-width: 21em; .popup-menu-icon { padding: 0 4px; } } @@ -1131,11 +1191,22 @@ StScrollBar { opacity: 1; } +.calendar-week-number { + font-size: 70%; + font-weight: bold; + width: 2.3em; height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: transparentize($fg_color,0.7); + color: $bg_color; +} + // // Message list // .message-list { - width: 420px; + width: 31.5em; &-sections { spacing: 1.5em; } @@ -1216,6 +1287,30 @@ StScrollBar { } } +.message-media-control { + padding: 6px; + color: $insensitive_fg_color; + + &:last-child:ltr { padding-right: 18px; } + &:last-child:rtl { padding-left: 18px; } + + &:hover { color: $fg_color; } + &:active { color: $selected_bg_color; } +} + +.media-message-cover-icon { + icon-size: 32px; + + &.fallback { + color: $insensitive_fg_color; + background-color: $bg_color; + border-radius: 2px; + icon-size: 16px; + padding: 8px; + border: 1px solid $borders_color; + } +} + // //Activities Ripples 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.14/sass/_drawing.scss b/common/gtk-3.0/3.14/sass/_drawing.scss index ab99a37..93f9386 100644 --- a/common/gtk-3.0/3.14/sass/_drawing.scss +++ b/common/gtk-3.0/3.14/sass/_drawing.scss @@ -1,18 +1,5 @@ // 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) { diff --git a/common/gtk-3.0/3.16/sass/_drawing.scss b/common/gtk-3.0/3.16/sass/_drawing.scss index ab99a37..93f9386 100644 --- a/common/gtk-3.0/3.16/sass/_drawing.scss +++ b/common/gtk-3.0/3.16/sass/_drawing.scss @@ -1,18 +1,5 @@ // 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) { diff --git a/common/gtk-3.0/3.18/sass/_drawing.scss b/common/gtk-3.0/3.18/sass/_drawing.scss index ab99a37..93f9386 100644 --- a/common/gtk-3.0/3.18/sass/_drawing.scss +++ b/common/gtk-3.0/3.18/sass/_drawing.scss @@ -1,18 +1,5 @@ // 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) { 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..db616b6 --- /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..a11af04 --- /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-maximize +titlebutton-maximize-backdrop +titlebutton-maximize-hover +titlebutton-maximize-active +titlebutton-minimize +titlebutton-minimize-backdrop +titlebutton-minimize-hover +titlebutton-minimize-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-maximize-dark +titlebutton-maximize-backdrop-dark +titlebutton-maximize-hover-dark +titlebutton-maximize-active-dark +titlebutton-minimize-dark +titlebutton-minimize-backdrop-dark +titlebutton-minimize-hover-dark +titlebutton-minimize-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-maximize-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active-dark.png new file mode 100644 index 0000000..c6a82b7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-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-maximize-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-active.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active.png new file mode 100644 index 0000000..c6a82b7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active@2.png new file mode 100644 index 0000000..5ed5c6c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark.png new file mode 100644 index 0000000..0883ca7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-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-maximize-backdrop-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop.png new file mode 100644 index 0000000..36858b0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop@2.png new file mode 100644 index 0000000..061e356 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark.png new file mode 100644 index 0000000..8addbf8 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark@2.png new file mode 100644 index 0000000..dedcc38 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark.png new file mode 100644 index 0000000..84a5583 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-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-maximize-hover-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover.png new file mode 100644 index 0000000..128a39d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover@2.png new file mode 100644 index 0000000..66cdeda Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize.png new file mode 100644 index 0000000..14e5e3e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize@2.png new file mode 100644 index 0000000..a1a13bb Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark.png new file mode 100644 index 0000000..4785503 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-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-minimize-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-active.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active.png new file mode 100644 index 0000000..4785503 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active@2.png new file mode 100644 index 0000000..fb9325f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark.png new file mode 100644 index 0000000..b04db91 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-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-minimize-backdrop-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop.png new file mode 100644 index 0000000..b83cb7d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop@2.png new file mode 100644 index 0000000..f83b673 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark.png new file mode 100644 index 0000000..b5c9732 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark@2.png new file mode 100644 index 0000000..29b6465 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark.png new file mode 100644 index 0000000..c38e8b3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-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-minimize-hover-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover.png new file mode 100644 index 0000000..c250748 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover@2.png new file mode 100644 index 0000000..965ce3d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize.png new file mode 100644 index 0000000..f4b6db0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize@2.png new file mode 100644 index 0000000..9a35819 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize@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..110a3f5 --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -0,0 +1,3809 @@ +* { + 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, iconview, +.view text, +iconview text, +textview text { + color: #D3DAE3; + background-color: #404552; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + border-radius: 2px; } + +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 selection { + color: #ffffff; + background-color: #5294E2; } + +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.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #404552; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .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 { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); } + entry.search { + border-radius: 20px; } + entry image { + color: #b6bcc6; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + 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 { + 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.warning { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #ab6441); } + entry.warning image { + color: #ffffff; } + entry.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #b14342); } + entry.error image { + color: #ffffff; } + entry.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + 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 entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #404552; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } + +@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: 22px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + 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 { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; + background-clip: padding-box; + 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 { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button:disabled label, button:disabled { + color: rgba(211, 218, 227, 0.45); } + button:disabled:active, button:disabled:checked { + 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:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + 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 { + padding: 0; + min-height: 36px; + min-width: 36px; } + 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; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + 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 { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(211, 218, 227, 0.45); } + 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 { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(211, 218, 227, 0.45); } + .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 { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(211, 218, 227, 0.45); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + 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:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.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) { + box-shadow: inset 1px 0 #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button + button { + border-left-style: 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 { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > button:checked + entry { + border-top-color: #2b2e39; } + +.linked.vertical > button + button { + border-top-style: none; } + +.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: inset 0 1px #2b2e39; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):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, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .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, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .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):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .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, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .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, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > 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 { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.linked:not(.vertical) > entry:last-child, .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, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > 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 { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.linked:not(.vertical) > entry:only-child, .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, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > 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 { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-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 > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 24px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + 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.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; } + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *: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:drop(active) { + box-shadow: none; } + +spinbutton button:active { + color: #ffffff; } + +spinbutton:disabled { + color: rgba(211, 218, 227, 0.45); } + +spinbutton:not(.vertical) entry { + min-width: 28px; } + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #2b2e39; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #2b2e39; } + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.35); } + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #2b2e39; } + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #383C4A; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + 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); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.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 { + border-radius: 3px 3px 0 0; + 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); } + .csd headerbar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + 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 { + min-height: 28px; + padding: 0 3px; + 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), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator { + background-color: rgba(38, 42, 51, 0.97); } + +paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar ~ headerbar { + border-top-left-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +headerbar entry, headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar separator, 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 { + 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 entry image:hover, headerbar entry image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus { + 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 { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry: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 { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.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 { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.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 { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.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 { + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); } + .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):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.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, .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 { + 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):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, .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 { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +.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, .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 { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + 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 { + 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.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 label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.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 { + 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.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 label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.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:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } + +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + 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 spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(134, 144, 165, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.linked button, headerbar combobox.linked button { + 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.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + color: inherit; } + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.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.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +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, treeview.view:selected:focus { + 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; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #93b7e3; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + 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, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #D3DAE3; + background-image: linear-gradient(to bottom, #2b2e39); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + color: #b6bcc6; + background-color: #404552; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #5294E2; } + treeview.view header button:active { + color: #D3DAE3; } + 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; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: 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, + .csd menu separator, + .menu separator, + .csd + .menu separator { + margin: 2px 0; + background-color: #383C4A; } + menu menuitem, + .menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px; + 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.background separator { + background-color: #383C4A; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, + popover.background > .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 { + padding: 0; } + notebook.frame { + border: 1px solid #2b2e39; } + notebook.frame > header { + margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #404552; } + notebook > header { + padding: 2px; + background-color: #383C4A; } + 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 { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + 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.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + 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.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + 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 > header > tabs > tab { + color: rgba(211, 218, 227, 0.45); + background-color: rgba(64, 69, 82, 0); } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(211, 218, 227, 0.725); + background-color: rgba(64, 69, 82, 0.5); + border-color: #2b2e39; + box-shadow: inset 0 -1px #2b2e39; } + notebook > header > tabs > tab:checked { + color: #D3DAE3; + background-color: #404552; + border-color: #2b2e39; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 22px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: #5294E2; } + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + +scrollbar button { + border: none; } + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; } + 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 { + min-width: 4px; + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; + 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.vertical.fine-tune slider { + min-width: 4px; + margin: 4px; } + +scrollbar.vertical slider { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { + border-left-style: solid; } + +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } + +scrollbar.horizontal.fine-tune slider { + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } + +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, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.osd check, filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, iconview check:selected, +treeview.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, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.osd check:disabled, filechooser actionbar 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, iconview check:disabled:selected, +treeview.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, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.osd check:indeterminate, filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, iconview check:indeterminate:selected, +treeview.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, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.osd check:indeterminate:disabled, filechooser actionbar 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, iconview check:indeterminate:disabled:selected, +treeview.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, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.osd check:checked, filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, iconview check:checked:selected, +treeview.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, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.osd check:checked:disabled, filechooser actionbar 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, iconview check:checked:disabled:selected, +treeview.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, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.osd radio, filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, iconview radio:selected, +treeview.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, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.osd radio:disabled, filechooser actionbar 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, iconview radio:disabled:selected, +treeview.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, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, +treeview.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, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.osd radio:indeterminate:disabled, filechooser actionbar 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, iconview radio:indeterminate:disabled:selected, +treeview.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, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.osd radio:checked, filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, iconview radio:checked:selected, +treeview.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, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.osd radio:checked:disabled, filechooser actionbar 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, iconview radio:checked:disabled:selected, +treeview.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), iconview.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), iconview.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: 2px 0; + outline-offset: 0; } + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { + margin: 0; } + +scale { + min-height: 9px; + min-width: 9px; + padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { + margin-bottom: -4px; + margin-top: 4px; } + scale.fine-tune marks.bottom { + margin-top: -4px; + margin-bottom: 4px; } + scale.fine-tune marks.top { + margin-right: -4px; + margin-left: 4px; } + scale.fine-tune marks.bottom { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; + 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 { + outline-offset: 2px; + -gtk-outline-radius: 2px; + 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: rgba(82, 148, 226, 0.5); } + 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; } + +printdialog paper { + border: 1px solid #2b2e39; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #2b2e39; } + frame > border.flat, + .frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #404552; + border-color: #2b2e39; } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.03); } + +row.activatable:active { + color: #D3DAE3; } + +row.activatable:disabled { + color: rgba(211, 218, 227, 0.45); } + row.activatable:disabled image { + color: inherit; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +.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 .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: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(43, 46, 57, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #3c4150; } + stacksidebar.sidebar:dir(ltr) list, + stacksidebar.sidebar.left list, + stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #2b2e39; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #2b2e39; + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +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 > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 30px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 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: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + 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 { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } + +placesview .server-list-button > image { + -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); } + +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 { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #383C4A; + background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error { + background-color: #5294E2; + color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } + +row:selected button, .info button, +.question button, +.warning button, +.error button, .nautilus-window .floating-bar 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, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar 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, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .nautilus-window .floating-bar 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, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .nautilus-window .floating-bar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .nautilus-window .floating-bar 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, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .nautilus-window .floating-bar 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.background label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + 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; } + +colorchooser .popover.osd { + border-radius: 3px; } + +.content-view { + background-color: #404552; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #D3DAE3; + background-color: #404552; + border: 1px solid #2b2e39; + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +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); } + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + .ssd decoration { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + .ssd decoration.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; + min-height: 0; + margin: 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-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, + modelbutton.flat:disabled:active, + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } + +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #2b2e39; } + +.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; } + +.nautilus-window searchbar { + border-top: 1px solid #2b2e39; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #404552; } + +.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; } + +.nautilus-list-view .view, .nautilus-list-view iconview { + border-bottom: 1px solid #2b2e39; } + +@keyframes needs_attention_keyframes { + 0% { + 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); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #404552; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview: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 { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel row:hover:not(:selected) button { + color: #9da3ad; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #D3DAE3; } + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid #2b2e39; + background-color: #22242d; + color: #D3DAE3; } + +.gedit-side-panel-paned statusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } + +.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; } + +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +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 { + color: #ffffff; + background: #5294E2; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background: #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; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.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; + border: none; } + .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: #ffffff; + border: none; + background-color: #5294E2; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #5294E2; + color: #ffffff; + border-radius: 2px 2px 0 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 0; + min-height: 0; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + 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; + 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; } + +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, +iconview.source-list { + background-color: #383C4A; + color: #D3DAE3; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: #434859; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list: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 iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + 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 { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(211, 218, 227, 0.45); } + +#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; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to top, rgba(42, 45, 55, 0.95)); } + .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } + +filechooser paned > separator { + background-image: linear-gradient(to top, rgba(42, 45, 55, 0.95)); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + filechooser placessidebar.sidebar row, + .nautilus-window placessidebar.sidebar row { + border: none; + color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, + .nautilus-window placessidebar.sidebar row .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { + background-color: rgba(186, 195, 207, 0.15); } + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #353945; } + +filechooser row:not(:selected) button.sidebar-button, +.nautilus-window row:not(:selected) button.sidebar-button { + color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, + .nautilus-window row:not(:selected) 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); } + filechooser row:not(:selected) button.sidebar-button:active, + .nautilus-window row:not(:selected) button.sidebar-button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +filechooser actionbar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(20, 21, 26, 0.95); } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + +.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; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } + +filechooser actionbar 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); } + filechooser actionbar 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); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser actionbar entry { + 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; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +filechooser placessidebar.sidebar scrollbar slider, +.nautilus-window placessidebar.sidebar scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; } + +filechooser placessidebar.sidebar scrollbar trough, +.nautilus-window placessidebar.sidebar 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..57c2815 --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -0,0 +1,3808 @@ +* { + 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, iconview, +.view text, +iconview text, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + border-radius: 2px; } + +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 selection { + color: #ffffff; + background-color: #5294E2; } + +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.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #ffffff; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .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 { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search { + border-radius: 20px; } + entry image { + color: #7d8189; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry: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.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning image { + color: #ffffff; } + entry.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error image { + color: #ffffff; } + entry.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + 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 entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } + +@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: 22px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + 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 { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + background-clip: border-box; + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled label, button:disabled { + color: rgba(92, 97, 108, 0.55); } + button:disabled:active, button:disabled:checked { + 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:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + 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 { + padding: 0; + min-height: 36px; + min-width: 36px; } + 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; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); } + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); } + .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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + 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:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.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) { + box-shadow: inset 1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button + button { + border-left-style: 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 { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; } + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:checked + entry { + border-top-color: #5294E2; } + +.linked.vertical > button + button { + border-top-style: none; } + +.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: inset 0 1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):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, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .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, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .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):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .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, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .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, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > 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 { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.linked:not(.vertical) > entry:last-child, .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, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > 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 { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.linked:not(.vertical) > entry:only-child, .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, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > 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 { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-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 > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 24px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + 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.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; } + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *: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:drop(active) { + box-shadow: none; } + +spinbutton button:active { + color: #ffffff; } + +spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); } + +spinbutton:not(.vertical) entry { + min-width: 28px; } + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #cfd6e6; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.35); } + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #5294E2; } + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + 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); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.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 { + border-radius: 3px 3px 0 0; + 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); } + .csd headerbar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + 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 { + min-height: 28px; + padding: 0 3px; + 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), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator { + background-color: rgba(38, 42, 51, 0.97); } + +paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar ~ headerbar { + border-top-left-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +headerbar entry, headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar separator, 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 { + 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 entry image:hover, headerbar entry image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus { + 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 { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry: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 { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.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 { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.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 { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.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 { + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); } + .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):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.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, .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 { + 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):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, .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 { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +.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, .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 { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + 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 { + 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.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 label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.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 { + 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.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 label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.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:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } + +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + 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 spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(134, 144, 165, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.linked button, headerbar combobox.linked button { + 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.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + color: inherit; } + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.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.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +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, treeview.view:selected:focus { + 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; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + 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, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + color: #7d8189; + background-color: #ffffff; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #5294E2; } + treeview.view header button:active { + color: #5c616c; } + 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; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: 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, + .csd menu separator, + .menu separator, + .csd + .menu separator { + margin: 2px 0; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px; + 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.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, + popover.background > .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 { + padding: 0; } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook.frame > header { + margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #ffffff; } + notebook > header { + padding: 2px; + background-color: #F5F6F7; } + 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 { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + 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.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + 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.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + 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 > header > tabs > tab { + color: rgba(92, 97, 108, 0.55); + background-color: rgba(255, 255, 255, 0); } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(92, 97, 108, 0.775); + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; + box-shadow: inset 0 -1px #dcdfe3; } + notebook > header > tabs > tab:checked { + color: #5c616c; + background-color: #ffffff; + border-color: #dcdfe3; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 22px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: #5294E2; } + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + +scrollbar button { + border: none; } + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; } + 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 { + min-width: 4px; + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; + 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.vertical.fine-tune slider { + min-width: 4px; + margin: 4px; } + +scrollbar.vertical slider { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { + border-left-style: solid; } + +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } + +scrollbar.horizontal.fine-tune slider { + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } + +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, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +.osd check, filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, iconview check:selected, +treeview.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, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +.osd check:disabled, filechooser actionbar 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, iconview check:disabled:selected, +treeview.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, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +.osd check:indeterminate, filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, iconview check:indeterminate:selected, +treeview.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, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +.osd check:indeterminate:disabled, filechooser actionbar 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, iconview check:indeterminate:disabled:selected, +treeview.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, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +.osd check:checked, filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, iconview check:checked:selected, +treeview.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, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +.osd check:checked:disabled, filechooser actionbar 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, iconview check:checked:disabled:selected, +treeview.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, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +.osd radio, filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, iconview radio:selected, +treeview.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, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +.osd radio:disabled, filechooser actionbar 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, iconview radio:disabled:selected, +treeview.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, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, +treeview.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, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +.osd radio:indeterminate:disabled, filechooser actionbar 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, iconview radio:indeterminate:disabled:selected, +treeview.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, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +.osd radio:checked, filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, iconview radio:checked:selected, +treeview.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, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +.osd radio:checked:disabled, filechooser actionbar 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, iconview radio:checked:disabled:selected, +treeview.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), iconview.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), iconview.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: 2px 0; + outline-offset: 0; } + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { + margin: 0; } + +scale { + min-height: 9px; + min-width: 9px; + padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { + margin-bottom: -4px; + margin-top: 4px; } + scale.fine-tune marks.bottom { + margin-top: -4px; + margin-bottom: 4px; } + scale.fine-tune marks.top { + margin-right: -4px; + margin-left: 4px; } + scale.fine-tune marks.bottom { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; + 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 { + outline-offset: 2px; + -gtk-outline-radius: 2px; + 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: rgba(82, 148, 226, 0.5); } + 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); } + +printdialog paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; } + frame > border.flat, + .frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:disabled { + color: rgba(92, 97, 108, 0.55); } + row.activatable:disabled image { + color: inherit; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +.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 .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: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #fbfbfc; } + stacksidebar.sidebar:dir(ltr) list, + stacksidebar.sidebar.left list, + stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #dcdfe3; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #dcdfe3; + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +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 > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 30px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 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: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + 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 { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } + +placesview .server-list-button > image { + -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); } + +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 { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #F5F6F7; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error { + background-color: #5294E2; + color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } + +row:selected button, .info button, +.question button, +.warning button, +.error button, .nautilus-window .floating-bar 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, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar 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, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .nautilus-window .floating-bar 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, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .nautilus-window .floating-bar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .nautilus-window .floating-bar 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, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .nautilus-window .floating-bar 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.background label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + 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; } + +colorchooser .popover.osd { + border-radius: 3px; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #5c616c; + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +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); } + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + .ssd decoration { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + .ssd decoration.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; + min-height: 0; + margin: 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-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, + modelbutton.flat:disabled:active, + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } + +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #dcdfe3; } + +.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; } + +.nautilus-window searchbar { + border-top: 1px solid #dcdfe3; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; } + +.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; } + +.nautilus-list-view .view, .nautilus-list-view iconview { + border-bottom: 1px solid #dcdfe3; } + +@keyframes needs_attention_keyframes { + 0% { + 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); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview: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 { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel row:hover:not(:selected) button { + color: #92959d; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #5c616c; } + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +.gedit-side-panel-paned statusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +.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; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +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 { + color: #ffffff; + background: #5294E2; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background: #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; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.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; + border: none; } + .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: #ffffff; + border: none; + background-color: #5294E2; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #5294E2; + color: #ffffff; + border-radius: 2px 2px 0 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 0; + min-height: 0; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + 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; + 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; } + +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, +iconview.source-list { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: white; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list: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 iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); } + +#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; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); } + .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } + +filechooser paned > separator { + background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + filechooser placessidebar.sidebar row, + .nautilus-window placessidebar.sidebar row { + border: none; + color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, + .nautilus-window placessidebar.sidebar row .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { + background-color: rgba(186, 195, 207, 0.15); } + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #353945; } + +filechooser row:not(:selected) button.sidebar-button, +.nautilus-window row:not(:selected) button.sidebar-button { + color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, + .nautilus-window row:not(:selected) 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); } + filechooser row:not(:selected) button.sidebar-button:active, + .nautilus-window row:not(:selected) button.sidebar-button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +filechooser actionbar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(37, 40, 49, 0.95); } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + +.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; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } + +filechooser actionbar 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); } + filechooser actionbar 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); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser actionbar entry { + 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; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +filechooser placessidebar.sidebar scrollbar slider, +.nautilus-window placessidebar.sidebar scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; } + +filechooser placessidebar.sidebar scrollbar trough, +.nautilus-window placessidebar.sidebar 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..a326271 --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -0,0 +1,3809 @@ +* { + 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, iconview, +.view text, +iconview text, +textview text { + color: #D3DAE3; + background-color: #404552; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + border-radius: 2px; } + +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 selection { + color: #ffffff; + background-color: #5294E2; } + +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.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #404552; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .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 { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); } + entry.search { + border-radius: 20px; } + entry image { + color: #b6bcc6; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + 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 { + 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.warning { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #ab6441); } + entry.warning image { + color: #ffffff; } + entry.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #b14342); } + entry.error image { + color: #ffffff; } + entry.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + 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 entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #404552; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } + +@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: 22px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + 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 { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; + background-clip: padding-box; + 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 { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button:disabled label, button:disabled { + color: rgba(211, 218, 227, 0.45); } + button:disabled:active, button:disabled:checked { + 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:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: #353945; + border-color: #23262e; } + button.osd.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + 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; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + 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 { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(211, 218, 227, 0.45); } + 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 { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(211, 218, 227, 0.45); } + .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 { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(211, 218, 227, 0.45); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + 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:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.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) { + box-shadow: inset 1px 0 #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button + button { + border-left-style: 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 { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > button:checked + entry { + border-top-color: #2b2e39; } + +.linked.vertical > button + button { + border-top-style: none; } + +.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: inset 0 1px #2b2e39; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):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, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .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, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .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):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .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, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .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, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > 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 { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.linked:not(.vertical) > entry:last-child, .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, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > 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 { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.linked:not(.vertical) > entry:only-child, .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, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > 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 { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-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 > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 24px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + 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.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; } + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *: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:drop(active) { + box-shadow: none; } + +spinbutton button:active { + color: #ffffff; } + +spinbutton:disabled { + color: rgba(211, 218, 227, 0.45); } + +spinbutton:not(.vertical) entry { + min-width: 28px; } + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #2b2e39; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #2b2e39; } + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.4); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.4); } + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #2b2e39; } + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #383C4A; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + 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); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.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 { + border-radius: 3px 3px 0 0; + background-color: #2f343f; + border-color: #262a33; } + headerbar:backdrop { + color: rgba(207, 218, 231, 0.5); } + .csd headerbar:backdrop { + background-color: #323843; } + 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 { + min-height: 28px; + padding: 0 3px; + 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), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator { + background-color: #262a33; } + +paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar ~ headerbar { + border-top-left-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +headerbar entry, headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar separator, 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 { + 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 entry image:hover, headerbar entry image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus { + 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 { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry: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 { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.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 { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.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 { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.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 { + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); } + .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):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.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, .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 { + 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):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, .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 { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +.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, .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 { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + 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 { + 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.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 label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.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 { + 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.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 label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.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:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } + +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + 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 spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(134, 144, 165, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.linked button, headerbar combobox.linked button { + 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.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + color: inherit; } + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.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.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +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, treeview.view:selected:focus { + 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; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #93b7e3; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + 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, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #D3DAE3; + background-image: linear-gradient(to bottom, #2b2e39); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + color: #b6bcc6; + background-color: #404552; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #5294E2; } + treeview.view header button:active { + color: #D3DAE3; } + 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; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: 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, + .csd menu separator, + .menu separator, + .csd + .menu separator { + margin: 2px 0; + background-color: #383C4A; } + menu menuitem, + .menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px; + 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.background separator { + background-color: #383C4A; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, + popover.background > .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 { + padding: 0; } + notebook.frame { + border: 1px solid #2b2e39; } + notebook.frame > header { + margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #404552; } + notebook > header { + padding: 2px; + background-color: #383C4A; } + 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 { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + 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.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + 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.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + 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 > header > tabs > tab { + color: rgba(211, 218, 227, 0.45); + background-color: rgba(64, 69, 82, 0); } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(211, 218, 227, 0.725); + background-color: rgba(64, 69, 82, 0.5); + border-color: #2b2e39; + box-shadow: inset 0 -1px #2b2e39; } + notebook > header > tabs > tab:checked { + color: #D3DAE3; + background-color: #404552; + border-color: #2b2e39; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 22px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: #5294E2; } + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + +scrollbar button { + border: none; } + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; } + 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 { + min-width: 4px; + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; + 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.vertical.fine-tune slider { + min-width: 4px; + margin: 4px; } + +scrollbar.vertical slider { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { + border-left-style: solid; } + +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } + +scrollbar.horizontal.fine-tune slider { + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } + +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, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.osd check, filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, iconview check:selected, +treeview.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, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.osd check:disabled, filechooser actionbar 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, iconview check:disabled:selected, +treeview.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, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.osd check:indeterminate, filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, iconview check:indeterminate:selected, +treeview.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, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.osd check:indeterminate:disabled, filechooser actionbar 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, iconview check:indeterminate:disabled:selected, +treeview.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, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.osd check:checked, filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, iconview check:checked:selected, +treeview.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, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.osd check:checked:disabled, filechooser actionbar 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, iconview check:checked:disabled:selected, +treeview.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, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.osd radio, filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, iconview radio:selected, +treeview.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, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.osd radio:disabled, filechooser actionbar 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, iconview radio:disabled:selected, +treeview.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, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, +treeview.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, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.osd radio:indeterminate:disabled, filechooser actionbar 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, iconview radio:indeterminate:disabled:selected, +treeview.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, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.osd radio:checked, filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, iconview radio:checked:selected, +treeview.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, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.osd radio:checked:disabled, filechooser actionbar 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, iconview radio:checked:disabled:selected, +treeview.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), iconview.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), iconview.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: 2px 0; + outline-offset: 0; } + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { + margin: 0; } + +scale { + min-height: 9px; + min-width: 9px; + padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { + margin-bottom: -4px; + margin-top: 4px; } + scale.fine-tune marks.bottom { + margin-top: -4px; + margin-bottom: 4px; } + scale.fine-tune marks.top { + margin-right: -4px; + margin-left: 4px; } + scale.fine-tune marks.bottom { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; + 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 { + outline-offset: 2px; + -gtk-outline-radius: 2px; + 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: rgba(82, 148, 226, 0.5); } + 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; } + +printdialog paper { + border: 1px solid #2b2e39; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #2b2e39; } + frame > border.flat, + .frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #404552; + border-color: #2b2e39; } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.03); } + +row.activatable:active { + color: #D3DAE3; } + +row.activatable:disabled { + color: rgba(211, 218, 227, 0.45); } + row.activatable:disabled image { + color: inherit; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +.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 .titlebar { + background-color: #2f343f; + border-bottom: 1px solid #20232b; } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(43, 46, 57, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #3c4150; } + stacksidebar.sidebar:dir(ltr) list, + stacksidebar.sidebar.left list, + stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #2b2e39; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #2b2e39; + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +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 > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 30px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 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: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + 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 { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } + +placesview .server-list-button > image { + -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); } + +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 { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #383C4A; + background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error { + background-color: #5294E2; + color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } + +row:selected button, .info button, +.question button, +.warning button, +.error button, .nautilus-window .floating-bar 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, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar 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, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .nautilus-window .floating-bar 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, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .nautilus-window .floating-bar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .nautilus-window .floating-bar 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, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .nautilus-window .floating-bar 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.background label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + 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; } + +colorchooser .popover.osd { + border-radius: 3px; } + +.content-view { + background-color: #404552; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #D3DAE3; + background-color: #404552; + border: 1px solid #2b2e39; + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +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); } + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + .ssd decoration { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + .ssd decoration.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; + min-height: 0; + margin: 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-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, + modelbutton.flat:disabled:active, + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } + +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #2b2e39; } + +.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; } + +.nautilus-window searchbar { + border-top: 1px solid #2b2e39; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #404552; } + +.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; } + +.nautilus-list-view .view, .nautilus-list-view iconview { + border-bottom: 1px solid #2b2e39; } + +@keyframes needs_attention_keyframes { + 0% { + 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); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #404552; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview: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 { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel row:hover:not(:selected) button { + color: #9da3ad; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #D3DAE3; } + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid #2b2e39; + background-color: #22242d; + color: #D3DAE3; } + +.gedit-side-panel-paned statusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } + +.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; } + +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +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 { + color: #ffffff; + background: #5294E2; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background: #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; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.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; + border: none; } + .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: #ffffff; + border: none; + background-color: #5294E2; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #5294E2; + color: #ffffff; + border-radius: 2px 2px 0 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 0; + min-height: 0; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + 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; + 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; } + +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, +iconview.source-list { + background-color: #383C4A; + color: #D3DAE3; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: #434859; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list: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 iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + 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 { + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(211, 218, 227, 0.45); } + +#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; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to top, #2a2d37); } + .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } + +filechooser paned > separator { + background-image: linear-gradient(to top, #2a2d37); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + background-color: #353945; } + filechooser placessidebar.sidebar row, + .nautilus-window placessidebar.sidebar row { + border: none; + color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, + .nautilus-window placessidebar.sidebar row .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { + background-color: rgba(186, 195, 207, 0.15); } + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #353945; } + +filechooser row:not(:selected) button.sidebar-button, +.nautilus-window row:not(:selected) button.sidebar-button { + color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, + .nautilus-window row:not(:selected) 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); } + filechooser row:not(:selected) button.sidebar-button:active, + .nautilus-window row:not(:selected) button.sidebar-button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +filechooser actionbar { + color: #BAC3CF; + background-color: #353945; + border-color: #14151a; } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + +.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; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } + +filechooser actionbar 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); } + filechooser actionbar 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); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +filechooser actionbar entry { + 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; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +filechooser placessidebar.sidebar scrollbar slider, +.nautilus-window placessidebar.sidebar scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; } + +filechooser placessidebar.sidebar scrollbar trough, +.nautilus-window placessidebar.sidebar 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..bd20d0f --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -0,0 +1,3808 @@ +* { + 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, iconview, +.view text, +iconview text, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + border-radius: 2px; } + +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 selection { + color: #ffffff; + background-color: #5294E2; } + +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.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #ffffff; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .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 { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search { + border-radius: 20px; } + entry image { + color: #7d8189; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry: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.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning image { + color: #ffffff; } + entry.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error image { + color: #ffffff; } + entry.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + 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 entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } + +@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: 22px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + 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 { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + background-clip: border-box; + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled label, button:disabled { + color: rgba(92, 97, 108, 0.55); } + button:disabled:active, button:disabled:checked { + 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:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: #353945; + border-color: #23262e; } + button.osd.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + 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; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); } + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); } + .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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + 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:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.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) { + box-shadow: inset 1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button + button { + border-left-style: 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 { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; } + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:checked + entry { + border-top-color: #5294E2; } + +.linked.vertical > button + button { + border-top-style: none; } + +.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: inset 0 1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):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, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .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, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .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):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .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, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .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, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > 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 { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.linked:not(.vertical) > entry:last-child, .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, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > 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 { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.linked:not(.vertical) > entry:only-child, .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, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > 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 { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-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 > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 24px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + 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.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; } + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *: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:drop(active) { + box-shadow: none; } + +spinbutton button:active { + color: #ffffff; } + +spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); } + +spinbutton:not(.vertical) entry { + min-width: 28px; } + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #cfd6e6; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.4); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.4); } + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #5294E2; } + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + 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); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.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 { + border-radius: 3px 3px 0 0; + background-color: #2f343f; + border-color: #262a33; } + headerbar:backdrop { + color: rgba(207, 218, 231, 0.5); } + .csd headerbar:backdrop { + background-color: #323843; } + 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 { + min-height: 28px; + padding: 0 3px; + 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), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator { + background-color: #262a33; } + +paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar ~ headerbar { + border-top-left-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +headerbar entry, headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar separator, 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 { + 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 entry image:hover, headerbar entry image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus { + 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 { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry: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 { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.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 { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.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 { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.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 { + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); } + .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):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.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, .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 { + 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):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, .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 { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +.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, .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 { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + 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 { + 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.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 label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.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 { + 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.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 label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); } + +.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:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } + +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + 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 spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(134, 144, 165, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.linked button, headerbar combobox.linked button { + 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.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + color: inherit; } + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.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.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +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, treeview.view:selected:focus { + 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; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + 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, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + color: #7d8189; + background-color: #ffffff; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #5294E2; } + treeview.view header button:active { + color: #5c616c; } + 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; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: 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, + .csd menu separator, + .menu separator, + .csd + .menu separator { + margin: 2px 0; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px; + 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.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, + popover.background > .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 { + padding: 0; } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook.frame > header { + margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #ffffff; } + notebook > header { + padding: 2px; + background-color: #F5F6F7; } + 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 { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + 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.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + 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.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + 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 > header > tabs > tab { + color: rgba(92, 97, 108, 0.55); + background-color: rgba(255, 255, 255, 0); } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(92, 97, 108, 0.775); + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; + box-shadow: inset 0 -1px #dcdfe3; } + notebook > header > tabs > tab:checked { + color: #5c616c; + background-color: #ffffff; + border-color: #dcdfe3; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 22px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: #5294E2; } + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + +scrollbar button { + border: none; } + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; } + 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 { + min-width: 4px; + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; + 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.vertical.fine-tune slider { + min-width: 4px; + margin: 4px; } + +scrollbar.vertical slider { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { + border-left-style: solid; } + +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } + +scrollbar.horizontal.fine-tune slider { + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } + +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, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +.osd check, filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, iconview check:selected, +treeview.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, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +.osd check:disabled, filechooser actionbar 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, iconview check:disabled:selected, +treeview.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, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +.osd check:indeterminate, filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, iconview check:indeterminate:selected, +treeview.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, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +.osd check:indeterminate:disabled, filechooser actionbar 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, iconview check:indeterminate:disabled:selected, +treeview.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, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +.osd check:checked, filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, iconview check:checked:selected, +treeview.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, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +.osd check:checked:disabled, filechooser actionbar 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, iconview check:checked:disabled:selected, +treeview.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, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +.osd radio, filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, iconview radio:selected, +treeview.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, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +.osd radio:disabled, filechooser actionbar 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, iconview radio:disabled:selected, +treeview.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, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, +treeview.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, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +.osd radio:indeterminate:disabled, filechooser actionbar 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, iconview radio:indeterminate:disabled:selected, +treeview.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, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +.osd radio:checked, filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, iconview radio:checked:selected, +treeview.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, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +.osd radio:checked:disabled, filechooser actionbar 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, iconview radio:checked:disabled:selected, +treeview.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), iconview.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), iconview.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: 2px 0; + outline-offset: 0; } + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { + margin: 0; } + +scale { + min-height: 9px; + min-width: 9px; + padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { + margin-bottom: -4px; + margin-top: 4px; } + scale.fine-tune marks.bottom { + margin-top: -4px; + margin-bottom: 4px; } + scale.fine-tune marks.top { + margin-right: -4px; + margin-left: 4px; } + scale.fine-tune marks.bottom { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; + 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 { + outline-offset: 2px; + -gtk-outline-radius: 2px; + 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: rgba(82, 148, 226, 0.5); } + 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); } + +printdialog paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; } + frame > border.flat, + .frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:disabled { + color: rgba(92, 97, 108, 0.55); } + row.activatable:disabled image { + color: inherit; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +.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 .titlebar { + background-color: #2f343f; + border-bottom: 1px solid #20232b; } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #fbfbfc; } + stacksidebar.sidebar:dir(ltr) list, + stacksidebar.sidebar.left list, + stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #dcdfe3; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #dcdfe3; + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +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 > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 30px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 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: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + 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 { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } + +placesview .server-list-button > image { + -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); } + +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 { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #F5F6F7; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error { + background-color: #5294E2; + color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } + +row:selected button, .info button, +.question button, +.warning button, +.error button, .nautilus-window .floating-bar 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, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar 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, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .nautilus-window .floating-bar 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, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .nautilus-window .floating-bar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .nautilus-window .floating-bar 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, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .nautilus-window .floating-bar 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.background label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + 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; } + +colorchooser .popover.osd { + border-radius: 3px; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #5c616c; + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +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); } + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + .ssd decoration { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + .ssd decoration.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; + min-height: 0; + margin: 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-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, + modelbutton.flat:disabled:active, + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } + +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #dcdfe3; } + +.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; } + +.nautilus-window searchbar { + border-top: 1px solid #dcdfe3; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; } + +.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; } + +.nautilus-list-view .view, .nautilus-list-view iconview { + border-bottom: 1px solid #dcdfe3; } + +@keyframes needs_attention_keyframes { + 0% { + 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); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview: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 { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel row:hover:not(:selected) button { + color: #92959d; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #5c616c; } + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +.gedit-side-panel-paned statusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +.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; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +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 { + color: #ffffff; + background: #5294E2; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background: #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; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.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; + border: none; } + .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: #ffffff; + border: none; + background-color: #5294E2; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #5294E2; + color: #ffffff; + border-radius: 2px 2px 0 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 0; + min-height: 0; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + 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; + 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; } + +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, +iconview.source-list { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: white; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list: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 iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); } + +#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; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to top, #353945); } + .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } + +filechooser paned > separator { + background-image: linear-gradient(to top, #353945); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + background-color: #353945; } + filechooser placessidebar.sidebar row, + .nautilus-window placessidebar.sidebar row { + border: none; + color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, + .nautilus-window placessidebar.sidebar row .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { + background-color: rgba(186, 195, 207, 0.15); } + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #353945; } + +filechooser row:not(:selected) button.sidebar-button, +.nautilus-window row:not(:selected) button.sidebar-button { + color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, + .nautilus-window row:not(:selected) 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); } + filechooser row:not(:selected) button.sidebar-button:active, + .nautilus-window row:not(:selected) button.sidebar-button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +filechooser actionbar { + color: #BAC3CF; + background-color: #353945; + border-color: #252831; } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + +.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; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } + +filechooser actionbar 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); } + filechooser actionbar 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); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +filechooser actionbar entry { + 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; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +filechooser placessidebar.sidebar scrollbar slider, +.nautilus-window placessidebar.sidebar scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; } + +filechooser placessidebar.sidebar scrollbar trough, +.nautilus-window placessidebar.sidebar 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..afca8c0 --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -0,0 +1,3812 @@ +* { + 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, iconview, +.view text, +iconview text, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + border-radius: 2px; } + +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 selection { + color: #ffffff; + background-color: #5294E2; } + +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.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #ffffff; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .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 { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search { + border-radius: 20px; } + entry image { + color: #7d8189; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry: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.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning image { + color: #ffffff; } + entry.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error image { + color: #ffffff; } + entry.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + 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 entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } + +@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: 22px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + 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 { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + background-clip: border-box; + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled label, button:disabled { + color: rgba(92, 97, 108, 0.55); } + button:disabled:active, button:disabled:checked { + 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:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: #353945; + border-color: #23262e; } + button.osd.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + 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; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); } + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); } + .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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + 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:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.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) { + box-shadow: inset 1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button + button { + border-left-style: 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 { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; } + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:checked + entry { + border-top-color: #5294E2; } + +.linked.vertical > button + button { + border-top-style: none; } + +.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: inset 0 1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):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, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .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, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .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):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .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, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .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, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > 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 { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.linked:not(.vertical) > entry:last-child, .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, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > 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 { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.linked:not(.vertical) > entry:only-child, .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, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > 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 { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-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 > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 24px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + 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.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; } + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *: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:drop(active) { + box-shadow: none; } + +spinbutton button:active { + color: #ffffff; } + +spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); } + +spinbutton:not(.vertical) entry { + min-width: 28px; } + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #cfd6e6; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.4); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.4); } + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #5294E2; } + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + 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); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.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 { + border-radius: 4px 4px 0 0; + background-color: #e7e8eb; + border-color: #d4d5db; } + headerbar:backdrop { + color: rgba(82, 93, 118, 0.5); } + .csd headerbar:backdrop { + background-color: #eff0f2; } + 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 { + min-height: 28px; + padding: 0 3px; + 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), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator { + background-color: #d4d5db; } + +paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar ~ headerbar { + border-top-left-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +headerbar entry, headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar separator, 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 { + 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 entry image:hover, headerbar entry image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus { + 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 { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry: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 { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #eea57e); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #f48480); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.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 { + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(82, 93, 118, 0.35); } + .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):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.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, .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 { + 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):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, .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 { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +.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, .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 { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(82, 93, 118, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #5294E2; } + +.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 { + 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.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 label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(82, 93, 118, 0.35); } + +.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 { + 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.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 label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(82, 93, 118, 0.35); } + +.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:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } + +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + 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 spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(255, 255, 255, 0.9); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(82, 93, 118, 0.2); } + +.primary-toolbar combobox.linked button, headerbar combobox.linked button { + 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.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + color: inherit; } + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + box-shadow: none; } + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + box-shadow: none; } + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.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.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +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, treeview.view:selected:focus { + 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; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + 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, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + color: #7d8189; + background-color: #ffffff; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #5294E2; } + treeview.view header button:active { + color: #5c616c; } + 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; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: 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, + .csd menu separator, + .menu separator, + .csd + .menu separator { + margin: 2px 0; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px; + 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.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, + popover.background > .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 { + padding: 0; } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook.frame > header { + margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #ffffff; } + notebook > header { + padding: 2px; + background-color: #F5F6F7; } + 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 { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + 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.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + 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.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + 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 > header > tabs > tab { + color: rgba(92, 97, 108, 0.55); + background-color: rgba(255, 255, 255, 0); } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(92, 97, 108, 0.775); + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; + box-shadow: inset 0 -1px #dcdfe3; } + notebook > header > tabs > tab:checked { + color: #5c616c; + background-color: #ffffff; + border-color: #dcdfe3; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 22px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: #5294E2; } + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + +scrollbar button { + border: none; } + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; } + 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 { + min-width: 4px; + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; + 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.vertical.fine-tune slider { + min-width: 4px; + margin: 4px; } + +scrollbar.vertical slider { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { + border-left-style: solid; } + +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } + +scrollbar.horizontal.fine-tune slider { + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } + +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, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +.osd check, filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, iconview check:selected, +treeview.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, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +.osd check:disabled, filechooser actionbar 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, iconview check:disabled:selected, +treeview.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, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +.osd check:indeterminate, filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, iconview check:indeterminate:selected, +treeview.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, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +.osd check:indeterminate:disabled, filechooser actionbar 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, iconview check:indeterminate:disabled:selected, +treeview.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, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +.osd check:checked, filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, iconview check:checked:selected, +treeview.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, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +.osd check:checked:disabled, filechooser actionbar 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, iconview check:checked:disabled:selected, +treeview.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, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +.osd radio, filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, iconview radio:selected, +treeview.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, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +.osd radio:disabled, filechooser actionbar 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, iconview radio:disabled:selected, +treeview.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, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, +treeview.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, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +.osd radio:indeterminate:disabled, filechooser actionbar 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, iconview radio:indeterminate:disabled:selected, +treeview.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, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +.osd radio:checked, filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, iconview radio:checked:selected, +treeview.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, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +.osd radio:checked:disabled, filechooser actionbar 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, iconview radio:checked:disabled:selected, +treeview.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), iconview.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), iconview.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: 2px 0; + outline-offset: 0; } + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { + margin: 0; } + +scale { + min-height: 9px; + min-width: 9px; + padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { + margin-bottom: -4px; + margin-top: 4px; } + scale.fine-tune marks.bottom { + margin-top: -4px; + margin-bottom: 4px; } + scale.fine-tune marks.top { + margin-right: -4px; + margin-left: 4px; } + scale.fine-tune marks.bottom { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; + 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 { + outline-offset: 2px; + -gtk-outline-radius: 2px; + 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: rgba(82, 148, 226, 0.5); } + 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); } + +printdialog paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; } + frame > border.flat, + .frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:disabled { + color: rgba(92, 97, 108, 0.55); } + row.activatable:disabled image { + color: inherit; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +.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 .titlebar { + background-color: #e7e8eb; + border-bottom: 1px solid #d4d5db; } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #fbfbfc; } + stacksidebar.sidebar:dir(ltr) list, + stacksidebar.sidebar.left list, + stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #dcdfe3; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #dcdfe3; + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +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 > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 30px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 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: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + 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 { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } + +placesview .server-list-button > image { + -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); } + +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 { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #F5F6F7; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error { + background-color: #5294E2; + color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } + +row:selected button, .info button, +.question button, +.warning button, +.error button, .nautilus-window .floating-bar 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, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar 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, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .nautilus-window .floating-bar 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, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .nautilus-window .floating-bar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .nautilus-window .floating-bar 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, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .nautilus-window .floating-bar 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.background label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + 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; } + +colorchooser .popover.osd { + border-radius: 3px; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #5c616c; + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +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); } + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + .ssd decoration { + border-radius: 4px 4px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + .ssd decoration.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; + min-height: 0; + margin: 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-maximize.png"), url("assets/titlebutton-maximize@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, + modelbutton.flat:disabled:active, + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } + +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #dcdfe3; } + +.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; } + +.nautilus-window searchbar { + border-top: 1px solid #dcdfe3; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; } + +.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; } + +.nautilus-list-view .view, .nautilus-list-view iconview { + border-bottom: 1px solid #dcdfe3; } + +@keyframes needs_attention_keyframes { + 0% { + 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); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview: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 { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel row:hover:not(:selected) button { + color: #92959d; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #5c616c; } + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +.gedit-side-panel-paned statusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +.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; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +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 { + color: #ffffff; + background: #5294E2; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background: #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; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.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; + border: none; } + .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: #ffffff; + border: none; + background-color: #5294E2; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #5294E2; + color: #ffffff; + border-radius: 2px 2px 0 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 0; + min-height: 0; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + 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; + 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; } + +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, +iconview.source-list { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: white; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list: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 iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); } + +#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; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to top, #353945); } + .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } + +filechooser paned > separator { + background-image: linear-gradient(to top, #353945); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + background-color: #353945; } + filechooser placessidebar.sidebar row, + .nautilus-window placessidebar.sidebar row { + border: none; + color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, + .nautilus-window placessidebar.sidebar row .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { + background-color: rgba(186, 195, 207, 0.15); } + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #353945; } + +filechooser row:not(:selected) button.sidebar-button, +.nautilus-window row:not(:selected) button.sidebar-button { + color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, + .nautilus-window row:not(:selected) 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); } + filechooser row:not(:selected) button.sidebar-button:active, + .nautilus-window row:not(:selected) button.sidebar-button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +filechooser actionbar { + color: #BAC3CF; + background-color: #353945; + border-color: #252831; } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + +.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; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } + +filechooser actionbar 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); } + filechooser actionbar 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); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +filechooser actionbar entry { + 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; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +filechooser placessidebar.sidebar scrollbar slider, +.nautilus-window placessidebar.sidebar scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; } + +filechooser placessidebar.sidebar scrollbar trough, +.nautilus-window placessidebar.sidebar 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..f38ca02 --- /dev/null +++ b/common/gtk-3.0/3.20/gtk.css @@ -0,0 +1,3812 @@ +* { + 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, iconview, +.view text, +iconview text, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { + border-radius: 2px; } + +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 selection { + color: #ffffff; + background-color: #5294E2; } + +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.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #ffffff; } + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .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 { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search { + border-radius: 20px; } + entry image { + color: #7d8189; } + entry image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, entry.flat:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; } + entry:focus { + background-clip: border-box; + color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry: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.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning image { + color: #ffffff; } + entry.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error image { + color: #ffffff; } + entry.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, entry.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; } + .osd entry { + 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 entry image:hover { + color: inherit; } + .osd entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } + +@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: 22px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + 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 { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + background-clip: border-box; + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled label, button:disabled { + color: rgba(92, 97, 108, 0.55); } + button:disabled:active, button:disabled:checked { + 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:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; } + 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 { + padding: 0; + min-height: 36px; + min-width: 36px; } + 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; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); } + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); } + .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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + 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:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } + +.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) { + box-shadow: inset 1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button + button { + border-left-style: 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 { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; } + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:checked + entry { + border-top-color: #5294E2; } + +.linked.vertical > button + button { + border-top-style: none; } + +.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: inset 0 1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):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, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .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, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .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):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > 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, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .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, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.linked:not(.vertical) > entry:first-child, .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, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > 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 { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.linked:not(.vertical) > entry:last-child, .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, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > 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 { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.linked:not(.vertical) > entry:only-child, .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, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > 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 { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 3px; + border-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 > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 24px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + 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.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; } + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *: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:drop(active) { + box-shadow: none; } + +spinbutton button:active { + color: #ffffff; } + +spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); } + +spinbutton:not(.vertical) entry { + min-width: 28px; } + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #cfd6e6; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; } + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.35); } + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #5294E2; } + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; } + +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + 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); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } + +.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 { + border-radius: 4px 4px 0 0; + 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); } + .csd headerbar:backdrop { + background-color: rgba(239, 240, 242, 0.95); } + 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 { + min-height: 28px; + padding: 0 3px; + 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), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator { + background-color: rgba(212, 213, 219, 0.95); } + +paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar ~ headerbar { + border-top-left-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +headerbar entry, headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar separator, 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 { + 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 entry image:hover, headerbar entry image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus { + 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 { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry: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 { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.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 { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.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 { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.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 { + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(82, 93, 118, 0.35); } + .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):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.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, .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 { + 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):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, .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 { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +.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, .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 { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(82, 93, 118, 0); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #5294E2; } + +.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 { + 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.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 label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(82, 93, 118, 0.35); } + +.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 { + 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.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 label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(82, 93, 118, 0.35); } + +.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:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } + +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + 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 spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(255, 255, 255, 0.9); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(82, 93, 118, 0.2); } + +.primary-toolbar combobox.linked button, headerbar combobox.linked button { + 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.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { + color: inherit; } + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { + color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + box-shadow: none; } + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + box-shadow: none; } + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +.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.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +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, treeview.view:selected:focus { + 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; + color: rgba(0, 0, 0, 0.1); } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view:drop(active).after { + border-top-style: none; } + treeview.view:drop(active).before { + border-bottom-style: none; } + 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, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + color: #7d8189; + background-color: #ffffff; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:hover { + color: #5294E2; } + treeview.view header button:active { + color: #5c616c; } + 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; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: 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, + .csd menu separator, + .menu separator, + .csd + .menu separator { + margin: 2px 0; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px; + 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.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > iconview, + popover > toolbar, + popover > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar, + popover.background > .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 { + padding: 0; } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook.frame > header { + margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #ffffff; } + notebook > header { + padding: 2px; + background-color: #F5F6F7; } + 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 { + padding-bottom: 0; } + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook > header.bottom { + padding-top: 0; } + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook > header.right { + padding-left: 0; } + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook > header.left { + padding-right: 0; } + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + outline-offset: -4px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + 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.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; } + 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.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; } + 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 > header > tabs > tab { + color: rgba(92, 97, 108, 0.55); + background-color: rgba(255, 255, 255, 0); } + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(92, 97, 108, 0.775); + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; + box-shadow: inset 0 -1px #dcdfe3; } + notebook > header > tabs > tab:checked { + color: #5c616c; + background-color: #ffffff; + border-color: #dcdfe3; } + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { + min-height: 22px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { + color: #ff4d4d; } + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { + color: #5294E2; } + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; } + +scrollbar button { + border: none; } + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; } + 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 { + min-width: 4px; + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; + 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.vertical.fine-tune slider { + min-width: 4px; + margin: 4px; } + +scrollbar.vertical slider { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { + border-left-style: solid; } + +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } + +scrollbar.horizontal.fine-tune slider { + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } + +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, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +.osd check, filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, iconview check:selected, +treeview.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, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +.osd check:disabled, filechooser actionbar 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, iconview check:disabled:selected, +treeview.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, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +.osd check:indeterminate, filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, iconview check:indeterminate:selected, +treeview.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, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +.osd check:indeterminate:disabled, filechooser actionbar 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, iconview check:indeterminate:disabled:selected, +treeview.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, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +.osd check:checked, filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, iconview check:checked:selected, +treeview.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, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +.osd check:checked:disabled, filechooser actionbar 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, iconview check:checked:disabled:selected, +treeview.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, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +.osd radio, filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, iconview radio:selected, +treeview.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, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +.osd radio:disabled, filechooser actionbar 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, iconview radio:disabled:selected, +treeview.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, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, +treeview.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, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +.osd radio:indeterminate:disabled, filechooser actionbar 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, iconview radio:indeterminate:disabled:selected, +treeview.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, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +.osd radio:checked, filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, iconview radio:checked:selected, +treeview.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, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +.osd radio:checked:disabled, filechooser actionbar 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, iconview radio:checked:disabled:selected, +treeview.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), iconview.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), iconview.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: 2px 0; + outline-offset: 0; } + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { + margin: 0; } + +scale { + min-height: 9px; + min-width: 9px; + padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } + scale marks { + color: alpha(currentColor,0.4); } + scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { + margin-bottom: -4px; + margin-top: 4px; } + scale.fine-tune marks.bottom { + margin-top: -4px; + margin-bottom: 4px; } + scale.fine-tune marks.top { + margin-right: -4px; + margin-left: 4px; } + scale.fine-tune marks.bottom { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; + 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 { + outline-offset: 2px; + -gtk-outline-radius: 2px; + 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: rgba(82, 148, 226, 0.5); } + 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); } + +printdialog paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; } + frame > border.flat, + .frame.flat { + border-style: none; } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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 { + 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) { + border-image-slice: 0 1 0 0; } + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + list row { + padding: 2px; } + +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:disabled { + color: rgba(92, 97, 108, 0.55); } + row.activatable:disabled image { + color: inherit; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +.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 .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: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +.sidebar { + border-style: none; + background-color: #fbfbfc; } + stacksidebar.sidebar:dir(ltr) list, + stacksidebar.sidebar.left list, + stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { + border-right: 1px solid #dcdfe3; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid #dcdfe3; + border-right-style: none; } + .sidebar list { + background-color: transparent; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } + +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 > viewport.frame { + border-style: none; } + +placessidebar row { + min-height: 30px; + padding: 0px; } + placessidebar row > revealer { + padding: 0 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: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + 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 { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #F08437); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } + +placesview .server-list-button > image { + -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); } + +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 { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #F5F6F7; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error { + background-color: #5294E2; + color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } + +row:selected button, .info button, +.question button, +.warning button, +.error button, .nautilus-window .floating-bar 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, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar 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, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .nautilus-window .floating-bar 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, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .nautilus-window .floating-bar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .nautilus-window .floating-bar 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, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .nautilus-window .floating-bar 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.background label { + padding: 4px; } + tooltip decoration { + background-color: transparent; } + tooltip * { + 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; } + +colorchooser .popover.osd { + border-radius: 3px; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, button.nautilus-circular-button.image-button label, + button.circular-button label { + padding: 0; } + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #5c616c; + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; } + +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); } + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + .ssd decoration { + border-radius: 4px 4px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + .ssd decoration.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; + min-height: 0; + margin: 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-maximize.png"), url("assets/titlebutton-maximize@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, + modelbutton.flat:active, + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, + modelbutton.flat:disabled:active, + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } + +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #dcdfe3; } + +.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; } + +.nautilus-window searchbar { + border-top: 1px solid #dcdfe3; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; } + +.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; } + +.nautilus-list-view .view, .nautilus-list-view iconview { + border-bottom: 1px solid #dcdfe3; } + +@keyframes needs_attention_keyframes { + 0% { + 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); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview: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 { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel row:hover:not(:selected) button { + color: #92959d; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #5c616c; } + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; + background: none; + border: none; + box-shadow: none; } + .gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +.gedit-side-panel-paned statusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +.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; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +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 { + color: #ffffff; + background: #5294E2; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background: #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; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.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; + border: none; } + .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: #ffffff; + border: none; + background-color: #5294E2; } + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #5294E2; + color: #ffffff; + border-radius: 2px 2px 0 0; } + .nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; } + .nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; } + .nautilus-window .floating-bar button { + border: none; + border-radius: 0; + min-height: 0; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + 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; + 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; } + +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, +iconview.source-list { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover, iconview.source-list:hover { + background-color: white; } + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list: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 iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + 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 { + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); } + +#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; } + +.nautilus-window paned > separator { + background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); } + .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } + +filechooser paned > separator { + background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; } + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + filechooser placessidebar.sidebar row, + .nautilus-window placessidebar.sidebar row { + border: none; + color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, + .nautilus-window placessidebar.sidebar row .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { + background-color: rgba(186, 195, 207, 0.15); } + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } + filechooser placessidebar.sidebar separator, + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #353945; } + +filechooser row:not(:selected) button.sidebar-button, +.nautilus-window row:not(:selected) button.sidebar-button { + color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, + .nautilus-window row:not(:selected) 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); } + filechooser row:not(:selected) button.sidebar-button:active, + .nautilus-window row:not(:selected) button.sidebar-button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +filechooser actionbar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(37, 40, 49, 0.95); } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + +.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; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } + +filechooser actionbar 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); } + filechooser actionbar 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); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser actionbar entry { + 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; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +filechooser placessidebar.sidebar scrollbar slider, +.nautilus-window placessidebar.sidebar scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, + .nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; } + +filechooser placessidebar.sidebar scrollbar trough, +.nautilus-window placessidebar.sidebar 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..478dc5d --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -0,0 +1,609 @@ +// +// Tab overrides +// +.gedit-bottom-panel-paned notebook { +//ScratchMainWindow .notebook, +//EphyNotebook.notebook, +//MidoriNotebook .notebook, +//TerminalWindow .notebook, +//PantheonTerminalPantheonTerminalWindow .notebook { + > header.top > tabs > tab:checked { box-shadow: inset 0 -1px $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; +// } +// } +//} + +// +// 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%); } +} + +.nautilus-window { + // Workaround for https://bugzilla.gnome.org/show_bug.cgi?id=724096 + + searchbar { border-top: 1px solid $borders_color; } + .searchbar-container { margin-top: -1px; } +} + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: $base_color; +} + +button.nautilus-circular-button.image-button { + @extend button.circular; +} + +$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 +.nautilus-list-view .view { border-bottom: 1px solid $borders_color; } + +@keyframes needs_attention_keyframes { + 0% { @include button(header-hover); } + 100% { @include button(header-active) } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +// +// 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 +// +.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 { + min-width: 22px; + min-height: 22px; + padding: 0; + + color: transparent; + background: none; + border: none; + box-shadow: none; + + image { color: inherit; } + } + + row:hover:not(:selected) button { + color: mix($bg_color, $fg_color, 35%); + + &:hover { color: lighten(red, 15%); } + &:active { color: $fg_color; } + } + + row:hover:selected button:hover { + color: lighten(red, 20%); + background: none; + border: none; + box-shadow: none; + + &:active { color: $selected_fg_color; } + } +} + +.gedit-document-panel-dragged-row { + border: 1px solid $borders_color; + background-color: darken($bg_color, 10%); + color: $fg_color; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid $borders_color; + background-color: $bg_color; +} + +.gedit-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; +} + +.gedit-search-entry-occurrences-tag { + color: transparentize($fg_color, 0.4); + border: none; + margin: 2px; + padding: 2px; +} + +// +// 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 { + color: $selected_fg_color; + background: $selected_bg_color; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; + + &:hover { + color: $selected_fg_color; + background: lighten($selected_bg_color, 4%); + } + &:active { + color: $selected_fg_color; + background: 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; +} + +// +// 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; + border: none; + + &:hover { + border: none; + background-color: lighten($panel_bg, 10%); + } + &:active, &:checked { + color: $selected_fg_color; + border: none; + background-color: $selected_bg_color; + } + } +} + +// +// Floating Bar +// +.nautilus-window .floating-bar { + padding: 1px; + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 2px 2px 0 0; + + &.bottom.left { border-top-left-radius: 0; } + &.bottom.right { border-top-right-radius: 0; } + + button { + border: none; + border-radius: 0; + min-height: 0; + + @extend %selected-button; + } +} + +// 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..501c094 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_colors.scss @@ -0,0 +1,96 @@ +// 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; + +$drop_target_color: #F08437; + +//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..23c9e14 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -0,0 +1,3087 @@ +@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, +%view { + color: $text_color; + background-color: $base_color; + + &:selected { + &, &:focus { + @extend %selected_items; + border-radius: 2px; + } + } +} + +.view, +textview { + text { + @extend %view; + + selection { &:focus, & { @extend %selected_items; }} + } +} + +iconview { @extend .view; } + +rubberband, +.rubberband { + border: 1px solid darken($selected_bg_color, 10%); + background-color: transparentize(darken($selected_bg_color, 10%), 0.8); +} + +flowbox { + rubberband { @extend rubberband } + + flowboxchild { + padding: 3px; + border-radius: 2px; + + &:selected { + @extend %selected_items; + + outline-offset: -2px; + } + } +} + +label { + &.separator { + @extend .dim-label; + + color: $fg_color; + } + + row:selected &, + &:selected { @extend %nobg_selected_items; } + + selection { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:disabled { + color: $insensitive_fg_color; + + selection { @extend %selected_items:disabled; } + } +} + +.dim-label { + opacity: 0.55; +} + +assistant { + .sidebar { + background-color: $base_color; + border-top: 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: $base_color; +} + +%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: 22px; + border: 1px solid; + padding: 2px 8px; + + caret-color: currentColor; + 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 { + &, &:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; + } + } + + &:focus { + background-clip: border-box; + @include entry(focus); + } + + &:disabled { @include entry(insensitive); } + + selection { &:focus, & { @extend %selected_items; }} + + // error and warning style + @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%)); + + image { color: $selected_fg_color; } + + &: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; + } + } + } + + &:drop(active) { + &:focus, & { + border-color: $drop_target_color; + box-shadow: none; + } + } + + .osd & { + @include entry(osd); + &:focus { @include entry(osd-focus); } + &:disabled { @include entry(osd-insensitive); } + + selection { + &:focus, & { + color: $selected_bg_color; + background-color: $selected_fg_color; + } + } + } + + progress { + margin: 0 -6px; + 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; + } + + // linked entries + .linked:not(.vertical) > &, + .linked:not(.vertical) > &:focus { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:focus { @extend %linked_vertical; } +} + +treeview entry { + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus { border-color: $selected_bg_color; } + } +} + +// +// 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: 22px; + min-width: 20px; + transition: $_button_transition; + border: 1px solid; + border-radius: 3px; + padding: 2px 6px; + + @include button(normal); + + separator { margin: 4px 1px; } + + &.flat { + @include button(undecorated); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + + &:hover { + transition: $_button_transition; + transition-duration: 350ms; + + &:active { transition: $_button_transition; } + } + } + + &:hover { + @include button(hover); + -gtk-icon-effect: highlight; + } + + &:active, &:checked { + @include button(active); + + background-clip: if($variant=='light', border-box, padding-box); + 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); + } + } + + &.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + padding-left: 8px; + padding-right: 8px; + + label { + padding-left: 8px; + padding-right: 8px; + } + } + + &:drop(active) { + color: $drop_target_color; + border-color: $drop_target_color; + box-shadow: none; + } + + // 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 { + padding: 0; + min-height: 36px; + min-width: 36px; + } + + &: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); } + } + } + .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active) + &:not(:checked):not(:active) { box-shadow: none; } + + // 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); } + } + } + + .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, > image { @extend %needs_attention; } + + &:active, &:checked { + > label, > 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; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked { @extend %linked_vertical; } +} + +// 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 +@mixin linking_rules($a:0.7, $var:$variant, $vert:'false', $entry_rules:'true', $button_rules:'true', + $e_border:$entry_border, $b_border:$button_border) { + + $_border: if($vert=='false', left, top); + + @if $entry_rules=='true' { + > entry + entry { border-#{$_border}-color: transparentize($e_border, $a); } + + > entry.error + entry, + > entry + entry.error { border-#{$_border}-color: if($var=='light', $error_color, transparentize($e_border, $a)); } + + > entry.warning + entry, + > entry + entry.warning { border-#{$_border}-color: if($var=='light', $warning_color, transparentize($e_border, $a)); } + + > entry.error + entry.warning { border-#{$_border}-color: if($var=='light', $error_color, transparentize($e_border, $a));} + + @each $e_type, $e_color in (':focus',$selected_bg_color), + (':drop(active)', $drop_target_color), + ('.warning:focus', $warning_color), + ('.error:focus', $error_color) { + + > entry + entry#{$e_type}:not(:last-child), + > entry + entry#{$e_type}:last-child { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } + + > entry#{$e_type}:not(:only-child) { + + entry, + + button, + + combobox > box > button.combo { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } + } + } + > button:checked + entry { border-#{$_border}-color: if($var=='light', $selected_bg_color, $e_border); } + } + @if $button_rules=='true' { + > button + button { border-#{$_border}-style: none; } + + > button:hover:not(:checked):not(:active):not(:only-child), + > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: inset if($vert=='false', 1px 0, 0 1px) $b_border; } + + > button:first-child:hover:not(:checked):not(:active), + > button:checked + button:not(:checked):not(:active):hover, + > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } + } +} + +// special case, because path-bars are bugged +@mixin pathbar_linking_rules($sep_color:if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5))) { + + > button + button { border-left-style: none; } + + > button:hover:not(:checked):not(:active):not(:only-child) { + + &:hover { + box-shadow: inset 1px 0 $sep_color, + inset -1px 0 $sep_color; + } + &:first-child:hover { box-shadow: inset -1px 0 $sep_color; } + &:last-child:hover { box-shadow: inset 1px 0 $sep_color; } + } +} + +// Apply the rules defined above +.linked:not(.vertical) { + &:not(.path-bar) { @include linking_rules(); } + &.path-bar { @include pathbar_linking_rules(); } +} + +.linked.vertical { @include linking_rules($vert:'true'); } + +%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; + } +} + +%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: 24px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + 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 { &, arrow { @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 { + &.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%); } + } + + @at-root %link_selected, + &: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 { + + &:drop(active) { box-shadow: none; } + + button:active { color: $selected_fg_color; } + &:disabled { color: $insensitive_fg_color; } + + &:not(.vertical) { + entry { min-width: 28px; } + + button, entry { @extend %linked; } + + &:dir(ltr) entry, + &:dir(rtl) button.up { border-radius: 3px 0 0 3px; } + + > button + button { border-left-style: none; } + + > button:hover:not(:active), + > button:hover + button { box-shadow: inset 1px 0 $button_border; } + + > button:first-child:hover:not(:active), + > button.up:dir(rtl):hover:not(:active), + > entry + button:not(:active):hover { box-shadow: none; } + + > entry:focus + button { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry:drop(active) + button { border-left-color: $drop_target_color; } + + .osd & { + > button:hover:not(:active), + > button:hover + button { box-shadow: inset 1px 0 $osd_button_border; } + + > button:first-child:hover:not(:active), + > button.up:dir(rtl):hover:not(:active), + > entry + button:not(:active):hover { box-shadow: none; } + + > entry:focus + button { border-left-color: $osd_button_border; } + } + } + &.vertical { + button, entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; + + @extend %linked_vertical; + } + + button.up { border-radius: 3px 3px 0 0; } + + > entry:focus + button { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry:drop(active) + button { border-top-color: $drop_target_color; } + } +} + +// +// Comboboxes +// +combobox { + button.combo { + min-width: 0; // otherwise the arrow placement is unsymmetric + padding-left: 8px; // + padding-right: 8px // + } + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + &:drop(active) button.combo { @extend button:drop(active); } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked:last-child; } + &:dir(rtl) { @extend %linked:first-child; } + } + } + + .linked:not(.vertical) > & > box > button.combo { + // the combobox is a composite widget so the way we do button linking doesn't + // work, special case needed. + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump + } + + .linked:not(.vertical) > &:first-child > box > button.combo { @extend %linked:first-child; } + .linked:not(.vertical) > &:last-child > box > button.combo { @extend %linked:last-child; } + .linked:not(.vertical) > &:only-child > box > button.combo { @extend %linked:only-child; } + + .linked.vertical > & > box > button.combo { @extend %linked_vertical_middle; } + .linked.vertical > &:first-child > box > button.combo { @extend %linked_vertical:first-child; } + .linked.vertical > &:last-child > box > button.combo { @extend %linked_vertical:last-child; } + .linked.vertical > &:only-child > box > 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 & { background-color: transparent; } + + &.osd { + padding: 7px; + border: 1px solid transparentize(black, 0.5); + border-radius: 3px; + background-color: transparentize($osd_bg_color, 0.1); + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + + &.top { border-width: 0 0 1px 0; } + &.bottom { border-width: 1px 0 0 0; } + &.left { border-width: 0 1px 0 0; } + &.right { border-width: 0 0 0 1px; } + } + + &:not(.inline-toolbar):not(.osd) { + switch, + scale, + entry, + spinbutton, + button { + margin-right: 1px; + margin-bottom: 1px; + } + } +} + +.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 + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + background-color: $header_bg; + border-color: $header_border; + } + + &:backdrop { + color: transparentize($header_fg, 0.3); + + .csd & { background-color: $header_bg_backdrop; } + } + + .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 { + min-height: 28px; + padding: 0 3px; + 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), + &:backdrop:not(headerbar) { + window > &, + window.csd > & { + padding: 0; + border: none; + background: none; + } + } + // Separator in Gnome Tweak Tool + separator { background-color: $header_border; } +} + +// more paned headerbar fixes (Gedit) +paned.titlebar { + separator { background-color: transparent; } + + > headerbar { + &:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0;} + + ~ headerbar { border-top-left-radius: 0; } + &:first-child { border-top-right-radius: 0; } + } +} + +// Only extending headerbar avoids some problems (Gnome Documents searchbar) +headerbar { + separator.titlebutton { @extend %header_separator; } + + @extend %header_widgets; + + entry, button, separator { + margin-top: 6px; + margin-bottom: 6px; + } +} + +%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 { + + // Headerbar Entries + entry { + @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 + + // Reset buttons + .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), .linked:not(.vertical).path-bar { + > button:hover:not(:checked):not(:active):not(:only-child), + > 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, + .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); } + + &, &:hover, &:active, &:checked, &:disabled { @extend %linked; } + } + + @include pathbar_linking_rules($sep_color:$header_button_border); + } + // use linking rules for entries only + .linked:not(.vertical):not(.path-bar) { + @include linking_rules( $a:0.5, + $var:if($variant=='light' and $darker=='false', 'light', 'dark'), + $button_rules:'false', + $e_border:$header_entry_border, + $b_border:$header_button_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:not(.vertical) { + &:focus { + color: $selected_fg_color; + caret-color: $selected_fg_color; + } + button { + &,&:disabled { @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); } + } + + > button + button { border-left-style: none; } + + > button:hover:not(:active), + > button:hover + button { box-shadow: inset 1px 0 $header_button_border; } + + > button:first-child:hover:not(:active), + > entry + button:not(:active):hover { box-shadow: none; } + + > entry:focus + button { border-left-color: if($variant=='light' and $darker=='false', $selected_bg_color, $header_entry_border); } + } + + // Headerbar ComboBoxes + combobox { + &:disabled { color: transparentize($header_fg, 0.6); } + + &.linked button { + @include entry(header-normal); + + &:hover { @include entry(header-focus); box-shadow: none; } + &:disabled { @include entry(header-insensitive); } + } + &.linked 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; } } + } + } + &.linked button.combo { + &:dir(ltr) { + &, &:hover, &:active, &:checked, &:disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } + &:dir(rtl) { + &, &:hover, &:active, &:checked, &:disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + } + } + } + + // 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 { + &.text-button, &.image-button, & { + padding-left: 6px; + padding-right: 6px; + } + + &.text-button.image-button label { padding-left: 0; padding-right: 0; } + + &.text-button.image-button, & { + label:last-child { padding-right: 10px; } + label:first-child { padding-left: 10px; } + } + + &.slider-button, + &:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; + } + + image { + padding-left: 4px; + padding-right: 4px; + } +} + +// +// 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 { + &, &:focus { + 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 unfortunately + + @extend %selected_items; + } + } + + &:disabled { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + } + } + + &.separator { + min-height: 2px; + color: transparentize(black, 0.9); + } + + &:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: mix($fg_color, $selected_bg_color, 50%); + + &.after { border-top-style: none; } + &.before { border-bottom-style: none; } + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($fg_color, $base_color, 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, &.progressbar:focus { // progress bar in treeviews + color: $selected_fg_color; + border-radius: 3px; + background-image: linear-gradient(to bottom, $selected_bg_color); + + &:selected, &:selected:focus { + color: $selected_bg_color; + box-shadow: none; + background-image: linear-gradient(to bottom, $selected_fg_color); + } + } + &.trough, &.trough:selected, &.trough:selected:focus { // progress bar trough in treeviews + color: $fg_color; + background-image: linear-gradient(to bottom, $button_border); + border-radius: 3px; + border-width: 0; + } + + header { + button { + $_column_header_color: mix($fg_color,$base_color,80%); + + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; + + color: $_column_header_color; + background-color: $base_color; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, + $base_color 20%, + transparentize(if($variant == 'light', black, white), 0.89) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 80%, + $base_color 80%) 0 1 0 0 / 0 1px 0 0 stretch; + + &:hover { color: $selected_bg_color; } + &:active { color: $fg_color; } + + &:active, &:hover { background-color: $base_color; } + &:active:hover { color: $fg_color; } + + &:disabled { + border-color: $bg_color; + background-image: none; + } + &:last-child { + border-right-style: none; + border-image: none; + } + } + } + + button.dnd, + header.button.dnd { + &, &:selected, &:hover, &:active { + padding: 0 6px; + transition: none; + color: $selected_fg_color; + background-color: $selected_bg_color; + border-radius: 0; + border-style: 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 { + margin: 2px 0; + background-color: $_menu_bg; + } + + menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px; + 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 { + border-style: none; + background-color: transparent; + } + + &, .csd & { + &.osd, &.magnifier { @extend %osd; } + &.touch-selection { @extend .context-menu } + + &.osd { @extend %osd; } + } +} + +//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 { + padding: 0; + + &.frame { + border: 1px solid $borders_color; + + > header { margin: -1px; } // ugly hack to hide the borders around the header + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: $base_color; + } + + > header { + padding: 2px; + background-color: $bg_color; + + &.top { box-shadow: inset 0 -1px $borders_color; } + &.bottom { box-shadow: inset 0 1px $borders_color; } + &.right { box-shadow: inset 1px 0 $borders_color; } + &.left { box-shadow: inset -1px 0 $borders_color; } + + @each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) { + // sizing and borders + &.#{$_pos} { + padding-#{$_bpos}: 0; + + > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + + outline-offset: -4px; + + border: 1px solid transparent; + border-#{$_bpos}: none; + + // tab overlap + @if $_pos==top or $_pos==bottom { margin-right: -1px; } + @else { margin-bottom: -1px; } + + // tab border radius + @if $_pos==top { border-radius: 1px 1px 0 0; } + @else if $_pos==bottom { border-radius: 0 0 1px 1px; } + @else if $_pos==left { border-radius: 1px 0 0 1px; } + @else if $_pos==right { border-radius: 0 1px 1px 0; } + } + } + } + // overflow arrows + &.top, &.bottom { + > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:last-child { margin-left: 2px; } + } + > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); + &:first-child { margin-right: 2px; } + } + } + &.left, &.right { + > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + &:last-child { margin-top: 2px; } + } + > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + &:first-child { margin-bottom: 2px; } + } + } + > 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 colors + > tabs > tab { + color: $insensitive_fg_color; + background-color: transparentize($base_color, 1); + + &:hover:not(:checked) { + color: mix($fg_color, $insensitive_fg_color, 50%); + background-color: transparentize($base_color, 0.5); + border-color: $borders_color; + box-shadow: inset 0 -1px $borders_color; + } + &:checked { + color: $fg_color; + background-color: $base_color; + border-color: $borders_color; + } + // close button + button.flat { + min-height: 22px; + min-width: 16px; + padding: 0; + color: mix($bg_color, $fg_color, 35%); + + &: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 * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + $_slider_margin: 3px; + $_slider_fine_tune_margin: 4px; + + button { border: none; } + + &.vertical button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + + &.horizontal button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-right-symbolic'); } + &.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); } + } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { // Overlay scrolling indicator + opacity: 0.4; + + 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; + } + + &.vertical slider { + min-width: 4px; + margin-top: $_slider_margin - 1px; + margin-bottom: $_slider_margin - 1px; + } + + &.horizontal slider { + min-height: 4px; + 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; + } + + &.vertical { + + &.fine-tune slider { + min-width: 4px; + margin: $_slider_fine_tune_margin; + } + + slider { + min-height: 42px; + min-width: 6px; + margin: $_slider_margin; + } + + trough { + &:dir(ltr) { border-left-style: solid; } + &:dir(rtl) { border-right-style: solid; } + } + } + + &.horizontal { + + &.fine-tune slider { + min-height: 4px; + margin: $_slider_fine_tune_margin; + } + + slider { + min-height: 6px; + min-width: 42px; + margin-top: $_slider_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}, + treeview.#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); + } + + .osd, + %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, + treeview.#{$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: 2px 0; + outline-offset: 0; + } + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; + + &:only-child, + menu menuitem & { margin: 0; } +} + +// +// GtkScale +// +scale { + $_marks_length: 3px; + $_marks_margin: -2px; + + min-height: 9px; + min-width: 9px; + padding: 5px; + + value { color: gtkalpha(currentColor, 0.4); } + + marks { + color: gtkalpha(currentColor, 0.4); + + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_margin; + margin-#{$marks_pos}: -$_marks_margin; + } + } + } + + &.fine-tune marks { + color: gtkalpha(currentColor, 0.4); + + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_margin - 2px; + margin-#{$marks_pos}: -$_marks_margin + 2px; + } + } + } + + &.horizontal indicator { + min-height: $_marks_length; + min-width: 1px; + } + &.vertical indicator { + min-height: 1px; + min-width: $_marks_length; + } + + &.fine-tune { + padding: 3px; + + trough, fill, highlight { border-radius: 5px; } + + slider { margin: -4px; } + } + + trough, fill, highlight { + border-radius: 2.5px; + } + + slider { + $_slider_border: if($variant=='light', transparentize(darken($button_border,25%), 0.5), darken($button_border,2%)); + + min-width: 15px; + min-height: 15px; + margin: -6px; + 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%)); + + outline-offset: 2px; + -gtk-outline-radius: 2px; + 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: transparentize($selected_bg_color, 0.5); + } + &: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); } + } +} + +// +// 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); + } +} + +// +// Print dialog +// +printdialog { + paper { + border: 1px solid $borders_color; + background: white; + padding: 0; + } + + .dialog-action-box { margin: 12px; } +} + +// +// Frames +// +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + + &.flat { border-style: none; } +} + +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 { + &:not(:hover) { transition: all 150ms $ease-out-quad; } + + &:selected { + @extend %selected_items; + + button { @extend %selected-button; } + } + + &.activatable { + &.has-open-popup, + &:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); } + + &:active { color: $fg_color; } + &:disabled { + color: $insensitive_fg_color; + image { color: inherit; } + } + + &:selected { + &:active { color: $selected_fg_color; } + + &.has-open-popup, + &:hover { background-color: mix(black, $selected_bg_color, 10%); } + } + } +} + +// +// 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 + + .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } + + .dialog-action-area button { padding: 8px; min-height: 0; } + + &.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 { + border-bottom-style: none; + + @extend %middle_button; + &:first-child{ @extend %first_button; } + &:last-child { @extend %last_button; } + &:only-child { @extend %single_button; } + } + %middle_button { + border-radius: 0; + border-right-style: none; + } + %last_button { + border-radius: 0 0 3px 0; + border-right-style: none; + } + %first_button { + border-radius: 0 0 0 3px; + border-left-style: none; + } + %single_button { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; + } + } +} + +// +// Filechooser +// +filechooser { + #pathbarbox { border-bottom: 1px solid transparentize($borders_color, 0.5); } +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +// +// Sidebar +// +.sidebar { + border-style: none; + background-color: lighten($bg_color, 2%); + + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: 1px solid $borders_color; + border-left-style: none; + } + + @at-root %sidebar_right, + &:dir(rtl), + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + + list { background-color: transparent; } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} +} + +stacksidebar { + &.sidebar { + &:dir(ltr) list, + &.left list, + &.left:dir(rtl) list { @extend %sidebar_left; } + + &:dir(rtl) list, + &.right list { @extend %sidebar_right; } + } + + row { + padding: 10px 4px; + + > label { + padding-left: 6px; + padding-right: 6px; + } + &.needs-attention > label { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } + } +} + +placessidebar { + > viewport.frame { border-style: none; } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 30px; + padding: 0px; + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { + padding: 0 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: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + @extend button.flat; + border-radius: 100%; + -gtk-outline-radius: 100%; + + &:not(:hover):not(:active) > image { opacity: 0.5 }; + } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, $drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + &, label, image { color: $drop_target_color; } + + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + &, label, image { color: $selected_fg_color; } + background-color: $drop_target_color; + } + } + } +} + +// +// Placesview +// +placesview { + .server-list-button > image { + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } +} + +// +// 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 { + min-width: 5px; + min-height: 5px; + background-color: $bg_color; + 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 { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} + +// +// GtkInfoBar +// +infobar { border-style: none; } + +.info, +.question, +.warning, +.error { + background-color: $selected_bg_color; + color: $selected_fg_color; + + button { @extend %selected-button } + + label:selected { + &:focus, &:hover, & { + color: $selected_bg_color; + background-color: $selected_fg_color; + } + } + + *:link { @extend %link_selected; } +} + + +// +// 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; + + label { padding: 4px; } + } + + border-radius: 2px; + box-shadow: none; + + decoration { background-color: transparent; } + + * { //Yeah this is ugly + 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; + } + } +} + +// colorscale popup +colorchooser .popover.osd { border-radius: 3px; } + +// +// Misc +// +//content view (grid/list) +.content-view { + background-color: $base_color; + + &:hover { -gtk-icon-effect: highlight; } + + rubberband { @extend rubberband; } +} + +.scale-popup { + .osd & { @extend %osd; } + + button { // +/- buttons on GtkVolumeButton popup + &:hover { + @include button(hover); + } + } +} + +// 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 { + min-width: 16px; + min-height: 20px; + + padding: 3px 6px 4px 6px; + + color: $fg_color; + background-color: $base_color; + border: 1px solid $borders_color; + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85)); +} + +stackswitcher button { + &.text-button { min-width: 80px; } + &.circular { min-width: 0; } +} + +// +// Dnd +// +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px $drop_target_color; +} + +// +// 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)); + } + .fullscreen &, + .tiled & { + 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; + min-height: 0; + margin: 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; } + } + // Load png assets for each button + @each $k in ('close','maximize', 'minimize') { + @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-active') { + + &.#{$k}#{$l} { background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}.png'), + url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}@2.png')); } + } + } + } +} + +// catch all extend +%selected_items { + background-color: $selected_bg_color; + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + + &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } + } +} 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..942e1fd --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_drawing.scss @@ -0,0 +1,364 @@ +// Drawing mixins + +// Entries + +@mixin entry($t) { +// +// Entries drawing function +// +// $t: entry type +// + + @if $t==normal { + // + // normal entry + // + 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; + 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; + 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; + 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 + // + label, & { color: $insensitive_fg_color; } + + border-color: transparentize($button_border, 0.45); + background-color: transparentize($button_bg, 0.45); + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + label, & { 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; + } + + @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 + // + label, & { color: transparentize($header_fg, 0.45); } + + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + } + + @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..0a39e43 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -0,0 +1,196 @@ +//NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar + +//NemoWindow, +.nautilus-window { + paned > separator { + background-image: linear-gradient(to top, $dark_sidebar_border); + + &:dir(ltr) { margin-left: -1px; } + &:dir(rtl) { margin-right: -1px; } + } +} + +filechooser paned > separator { background-image: linear-gradient(to top, $dark_sidebar_border); } + +// Dark transparent sidebars +filechooser, +.nautilus-window { + + &.csd.background, placessidebar list { background-color: transparent; } + + placessidebar.sidebar { + + background-color: $dark_sidebar_bg; + + row { + border: none; + color: $dark_sidebar_fg; + + .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); } + + &.has-open-popup, + &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); } + + &:disabled { + &, label, image { color: transparentize($dark_sidebar_fg, 0.6); } + } + + &:selected.has-open-popup, + &:selected, &:selected:hover, &:active:hover { + @extend %selected_items; + + .sidebar-icon { color: inherit; } + } + + &.sidebar-new-bookmark-row { + color: $selected_bg_color; + + .sidebar-icon { color: inherit; } + } + + &:drop(active):not(:disabled) { + &, label, .sidebar-icon { color: $drop_target_color; } + + &:selected { + &, label, .sidebar-icon { color: $selected_fg_color; } + background-color: $drop_target_color; + } + } + } + + separator { background-color: transparent; } + + scrollbar { @extend %dark_sidebar_scrollbar } + } + + &.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); } + + row:not(:selected) button.sidebar-button { + color: $dark_sidebar_fg; + + &:hover { @include button(osd-hover); } + &:active { @include button(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 } + +filechooser { + + actionbar { + color: $dark_sidebar_fg; + background-color: $dark_sidebar_bg; + border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); + + button { @extend %dark_sidebar_button; } + entry { @extend %dark_sidebar_entry; } + + @extend %osd_check_radio; + + label, combobox { color: $dark_sidebar_fg; } + } +} + +// Gedit +.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; + background-color: transparentize($dark_sidebar_fg, 1); + + &:hover { + background-color: transparentize($dark_sidebar_fg, 0.85); + } + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + + button { color: $selected_fg_color; } + } + &:selected, &:selected:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + &:hover:not(:selected) button:active { + color: $dark_sidebar_fg; + } + } +} + +%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';