diff options
Diffstat (limited to 'gtk-3.0')
| -rw-r--r-- | gtk-3.0/README | 33 | ||||
| -rw-r--r-- | gtk-3.0/_applications.scss | 61 | ||||
| -rw-r--r-- | gtk-3.0/_colors-public.scss | 11 | ||||
| -rw-r--r-- | gtk-3.0/_common.scss | 100 | ||||
| -rw-r--r-- | gtk-3.0/_drawing.scss | 6 | ||||
| -rw-r--r-- | gtk-3.0/_transparent_widgets.scss | 16 | ||||
| -rw-r--r-- | gtk-3.0/_unity.scss | 18 | ||||
| -rw-r--r-- | gtk-3.0/gtk-contained.css | 331 |
8 files changed, 389 insertions, 187 deletions
diff --git a/gtk-3.0/README b/gtk-3.0/README index 413cff1..befb776 100644 --- a/gtk-3.0/README +++ b/gtk-3.0/README @@ -1,36 +1,9 @@ -Summary -------- - * Do not edit the CSS directly, edit the source SCSS files and process them with SASS (run `/.parse-sass.sh` when you have the required sofwtare installed, as described below) -* To be able to use the lates/adequate version of sass, install ruby, gem, sass & bundle. - On Fedora F20, this is done with `sudo dnf install rubygems && gem install bundle && bundle install` - from the same directory this README resides in. - -How to tweak the theme ----------------------- - -Adwaita is a complex themes, so to keep it maintainable it's written and processed in SASS, the -generated CSS is then transformed into a gresource file during gtk build and used at runtime in a -non-legible or editable form. - -It is very likely your change will happen in the _common.scss file. That's where most of the widget -selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the -right place for a drive by stylesheet fix: - -_colors.scss - global color definitions. We keep the number of defined colors to a necessary minimum, - most colors are derived form a handful of basics. It covers both the light variant and - the dark variant. - -_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing. -_drawing.scss - drawing helper mixings/functions to allow easier definition of widget drawing under - specific context. This is why Adwaita isn't 15000 LOC. +* To be able to use the lates/adequate version of sass, install ruby and get the sass gem via bundle. + This is done with `gem install bundle && bundle install` from the same directory this README resides in. -_common.scss - actual definitions of style for each widget. This is where you are likely to add/remove - your changes. - -You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to the -_common.scss file, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you +You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to any .scss file, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you edit. This is done by running `bundle exec sass --watch --sourcemap=none .` If sass is out of date, or is missing, you can install it with `bundle install`. diff --git a/gtk-3.0/_applications.scss b/gtk-3.0/_applications.scss index 18f95b5..1d41d80 100644 --- a/gtk-3.0/_applications.scss +++ b/gtk-3.0/_applications.scss @@ -155,7 +155,7 @@ NemoWindow GtkSeparator.separator.horizontal { @extend .nautilus-desktop.nautilus-canvas-item; } -NemoPathBar.linked > .button { +NemoWindow .primary-toolbar NemoPathBar.linked > .button { @include button(header-hover); &:hover { border-color: $selected_bg_color; } @@ -170,15 +170,22 @@ NemoPathBar.linked > .button { .gedit-headerbar-paned { color: darken($header_bg, 7%); } .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 + padding: 3px 6px 3px 6px; + border-color: $base_color; // disable borders, making them transparent doesn't work for some reason - &:prelight { background-color: transparentize(black, 0.95); } + &:prelight { + background-color: transparentize(black, 0.95); + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + } } /* Only normal state is handle */ .open-document-selector-name-label { - color: $fg_color; + color: $fg_color; } /* Only normal state is handle */ @@ -268,15 +275,36 @@ GeditFileBrowserWidget .toolbar { // GbSearchBox.linked { + + > GtkMenuButton.button:last-child:dir(ltr), + > GtkMenuButton.button:first-child:dir(rtl) { + border-color: transparentize($header_fg, 0.7); + background-color: transparentize($button_bg, 0.1); + + &:hover { + border-color: $selected_bg_color; + } + &:active, &:checked { + color: $selected_fg_color; + background-color: $selected_bg_color; + border-color: $selected_bg_color; + } + } + > GtkMenuButton.button:last-child:dir(ltr) { - background-color: darken($header_bg, 6%); + + border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; + + &:hover { box-shadow: -1px 0 $selected_bg_color; } } > GtkMenuButton.button:first-child:dir(rtl) { - background-color: darken($header_bg, 6%); + border-right-style: none; border-radius: 14.5px 0 0 14.5px; outline-radius: 12.5px 0 0 12.5px; + + &:hover { box-shadow: 1px 0 $selected_bg_color; } } } @@ -307,21 +335,20 @@ GbPreferencesPageLanguage { // Command Bar styling GtkBox.gb-command-bar-box { - //border: none; - //border-top: 1px solid nth($_borders_color, 2); - //background-image: linear-gradient(to bottom, nth($_base_color, 2)); - //box-shadow: inset 0px 2px 3px -1px transparentize(black, 0.7); + border: none; + background-color: opacify($osd_bg_color, 1); - //GtkLabel { color: nth($_fg_color, 2); } + GtkLabel { color: $osd_fg_color; } } GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; + color: $osd_fg_color; background-image: none; - background-color: transparent; + background-color: opacify($osd_bg_color, 1); padding: 6px 6px 6px 6px; - //color: nth($_fg_color, 2); + border: none; &:selected, &:selected:focus { @@ -608,9 +635,9 @@ MarlinViewWindow *:selected:focus { icon-shadow: none; } -.panel .menubar .menuitem:hover { - background-color: transparent; -} +.panel .menubar > .menuitem { padding: 3px 6px; } + +.panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, .panel .window-frame.popup.csd { diff --git a/gtk-3.0/_colors-public.scss b/gtk-3.0/_colors-public.scss index 34ace1f..c281d89 100644 --- a/gtk-3.0/_colors-public.scss +++ b/gtk-3.0/_colors-public.scss @@ -9,6 +9,12 @@ @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 #{"" + $insensitive_fg_color}; @define-color insensitive_base_color #{"" + $base_color}; @@ -16,20 +22,17 @@ @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 theme_unfocused_selected_bg_color #{"" + $selected_bg_color}; -@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_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 desctructive_color #{"" + $destructive_color} @define-color placeholder_text_color #A8A8A8; //WM $wm_highlight: lighten(opacify($header_bg, 1), 4%); -$wm_bg_unfocused: opacify($header_bg, 1); +$wm_bg_unfocused: opacify(lighten($header_bg, 3%), 1); @define-color wm_title #{"" + $header_fg}; @define-color wm_unfocused_title alpha(#{"" + $header_fg}, 0.7); diff --git a/gtk-3.0/_common.scss b/gtk-3.0/_common.scss index d56bf8d..164ed58 100644 --- a/gtk-3.0/_common.scss +++ b/gtk-3.0/_common.scss @@ -1025,15 +1025,18 @@ GtkComboBox { border-color: darken($header_bg, 7%); color: $header_fg; - background-color: $header_bg; + background-color: opacify($header_bg, 1); + + .csd & { background-color: $header_bg; } // Transparent header-bars only in csd windows &:backdrop { color: transparentize($header_fg, 0.3); - background-color: lighten($header_bg, 3%); + background-color: lighten(opacify($header_bg, 1), 3%); + + .csd & { background-color: lighten($header_bg, 3%); } // Transparent header-bars only in csd windows } .title { - font-weight: bold; padding: 0px 12px; } @@ -1050,20 +1053,53 @@ GtkComboBox { border-color: darken($selection_mode_bg, 4%); box-shadow: none; - &:backdrop { background-color: $selection_mode_bg; } + &:backdrop { + background-color: $selection_mode_bg; + color: transparentize($selected_fg_color, 0.4); + } .subtitle:link { @extend *:link:selected; } .button { - @extend %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: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize(black, 0.8); + border-color: transparentize(black, 0.8); + } + &:insensitive { + 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($selected_fg_color, 0.6); + background-color: transparentize(black, 0.85); + border-color: transparentize(black, 0.85); + } + } } .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; - padding-top: 12px; - padding-bottom: 12px; GtkArrow { -GtkArrow-arrow-scaling: 1; } .arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); @@ -1087,7 +1123,7 @@ GtkComboBox { padding-top: 5px; // less padding for ssd padding-bottom: 5px; // background-color: opacify($header_bg, 1); - border-bottom: none; + border-bottom-width: 0; &:backdrop { background-color: lighten(opacify($header_bg, 1), 3%); } } @@ -1131,7 +1167,10 @@ GtkComboBox { &:backdrop { opacity: 0.85; } - &:focus { @include entry(header-focus); } + &:focus { + @include entry(header-focus); + background-clip: border-box; + } &:insensitive { @include entry(header-insensitive); } &:selected:focus { @@ -1167,30 +1206,34 @@ GtkComboBox { @extend %linked; } - // Suggested and Destructive Action buttons + // Header-bar Suggested and Destructive Action buttons @each $b_type, $b_color in (suggested-action, $suggested_color), (destructive-action, $destructive_color) { .button.#{$b_type} { color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); border-color: $b_color; background-color: $b_color; &.flat { @include button(undecorated); color: $b_color; + outline-color: transparentize($b_color, 0.7); } &:hover { color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); border-color: lighten($b_color, 9%); background-color: lighten($b_color, 9%); } &:active, &:checked { color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); border-color: darken($b_color, 7%); background-color: darken($b_color, 7%); } &.flat:insensitive { - + color: transparentize($b_color, 0.55); } &:insensitive { color: transparentize($selected_fg_color, 0.4); @@ -1246,6 +1289,7 @@ GtkComboBox { &:backdrop { opacity: 0.75; } } + // Header-bar Scale .scale { &:backdrop { opacity: 0.75; } @@ -1461,7 +1505,7 @@ column-header.button.dnd { // for treeview-like derive widgets color: $insensitive_fg_color; } - &.separator { color: $base_color; } + &.separator { color: transparentize($base_color, 1); } //submenu indicators &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } @@ -1497,7 +1541,7 @@ column-header.button.dnd { // for treeview-like derive widgets box-shadow: 0 2px 6px 1px transparentize(black, 0.93); - & .separator { color: transparentize(black, 1); } + & .separator { color: transparentize($base_color, 1); } .label.separator { @extend .label.separator; } // Noice > .list, @@ -1632,7 +1676,6 @@ column-header.button.dnd { // for treeview-like derive widgets } GtkLabel { //tab text padding: 0 2px; // needed for a nicer focus ring - font-weight: bold; color: $insensitive_fg_color; } .prelight-page GtkLabel, GtkLabel.prelight-page { @@ -2404,7 +2447,8 @@ GtkInfoBar { .info, .question, .warning, -.error { +.error, +GtkInfoBar { background-color: $selected_bg_color; color: $selected_fg_color; } @@ -2601,6 +2645,8 @@ GtkVolumeButton.button { padding: 8px; } &.ssd { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px $_wm_border; + + &.maximized { border-radius: 0; } } &.csd { &.popup, &.menu { @@ -2640,6 +2686,7 @@ GtkVolumeButton.button { padding: 8px; } padding: 7px 4px; @include button(undecorated); + background-color: transparentize($header_bg, 1); border-width: 0; &:hover { @@ -2648,7 +2695,6 @@ GtkVolumeButton.button { padding: 8px; } &:active, &:checked { @include button(header-active); } - //&:backdrop { color: $wm_unfocused_title; } &.close, &.maximize, &.minimize { @@ -2680,28 +2726,6 @@ GtkVolumeButton.button { padding: 8px; } // catch all extend :) -%dark_button { - color: $header_fg; - background-color: lighten($header_bg, 12.5%); - - GtkLabel, GtkImage { color: $header_fg; } - - &:hover { - color: $header_fg; - background-color: lighten($header_bg, 15%); - - GtkLabel, GtkImage { color: $header_fg; } - } - &:active, &:checked { - color: $selected_bg_color; - background-image: none; - background-color: transparentize(darken($header_bg, 10%), 0.4); - border-color: transparentize(darken($header_bg, 14%), 0.4); - - GtkLabel, GtkImage { color: $selected_bg_color; } - } -} - %selected_items { background-image: none; background-color: $selected_bg_color; diff --git a/gtk-3.0/_drawing.scss b/gtk-3.0/_drawing.scss index eda1f1f..0300ce1 100644 --- a/gtk-3.0/_drawing.scss +++ b/gtk-3.0/_drawing.scss @@ -221,9 +221,9 @@ // // header-bar insensitive pushed button // - color: transparentize($selected_fg_color, 0.45); - background-color: transparentize($header_bg, 1); - border-color: transparentize($header_bg, 1); + 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 { diff --git a/gtk-3.0/_transparent_widgets.scss b/gtk-3.0/_transparent_widgets.scss index d5bacce..154ee8f 100644 --- a/gtk-3.0/_transparent_widgets.scss +++ b/gtk-3.0/_transparent_widgets.scss @@ -4,18 +4,24 @@ GtkFileChooserDialog .dialog-action-box { background-color: $bg_color } // fix for non gnome environments +NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar + GtkFileChooserDialog *, -NautilusWindow * { +NautilusWindow *, +NemoWindow { -GtkPaned-handle-size: 0; } // Dark transparent sidebars GtkFileChooserDialog, -NautilusWindow { +NautilusWindow, +NemoWindow, +MarlinViewWindow { - &.background { background-color: transparent; } + &.background, + .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } - .sidebar { + .sidebar, .source-list.sidebar.view { background-color: $dark_sidebar_bg; .view { @@ -81,6 +87,8 @@ GeditWindow.background { .titlebar .pane-separator { background-color: darken($header_bg, 7%); } } +.gedit-bottom-panel-paned { background-color: $base_color; } + .gedit-document-panel { background-color: $dark_sidebar_bg; diff --git a/gtk-3.0/_unity.scss b/gtk-3.0/_unity.scss index 0e0830d..e50b1d9 100644 --- a/gtk-3.0/_unity.scss +++ b/gtk-3.0/_unity.scss @@ -1,14 +1,14 @@ // Decorations UnityDecoration { - -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 1px; - -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.3); - -UnityDecoration-active-shadow-radius: 10px; - -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 5px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.15); + -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; @@ -18,7 +18,7 @@ UnityDecoration { -UnityDecoration-title-alignment: 0.0; &.top { - border: none; + border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; @@ -36,7 +36,7 @@ UnityDecoration { } &.left, &.right, &.bottom, &.left:backdrop, &.right:backdrop, &.bottom:backdrop { - background-image: none; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } } @@ -44,7 +44,7 @@ UnityDecoration { UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, opacify($panel_bg, 1)); - color: $panel_fg; + color: lighten($panel_fg, 20%); box-shadow: none; } diff --git a/gtk-3.0/gtk-contained.css b/gtk-3.0/gtk-contained.css index c591e28..1afb597 100644 --- a/gtk-3.0/gtk-contained.css +++ b/gtk-3.0/gtk-contained.css @@ -502,49 +502,49 @@ GtkTextView { .inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat, .osd .button:hover, .osd .button:active, .osd .button:checked, .osd .button:insensitive, .inline-toolbar .button, .inline-toolbar .button:backdrop, .linked > .button, .linked > .button:hover, .linked > .button:active, .linked > .button:checked, GtkComboBox.combobox-entry .entry, GtkComboBox.combobox-entry .button, .primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, .primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .button, NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.header-bar .linked.path-bar > .button, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { border-radius: 0; border-left-style: none; border-right-style: none; } .inline-toolbar GtkToolButton > .button.flat:hover, .osd .button:hover, .inline-toolbar .button:hover, .linked > .button:hover, GtkComboBox.combobox-entry .entry:hover, GtkComboBox.combobox-entry .button:hover, .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, - .header-bar .linked.path-bar > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .header-bar .linked.path-bar > .button:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2; } .inline-toolbar GtkToolButton > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:dir(rtl) > .button.flat, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:dir(rtl), .header-bar .linked.stack-switcher > .button:dir(rtl), .primary-toolbar .linked.path-bar > .button:dir(rtl), - .header-bar .linked.path-bar > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .header-bar .linked.path-bar > .button:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; } .osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button, .primary-toolbar .linked.stack-switcher > .button:first-child, .header-bar .linked.stack-switcher > .button:first-child, .primary-toolbar .linked.path-bar > .button:first-child, -.header-bar .linked.path-bar > .button:first-child { +.header-bar .linked.path-bar > .button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { border-radius: 3px 0 0 3px; border-left-style: solid; } .osd .button:first-child:hover, .inline-toolbar .button:first-child:hover, .linked > .button:first-child:hover, .inline-toolbar GtkToolButton:first-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:first-child:hover, GtkComboBox.combobox-entry .button:first-child:hover, .linked > GtkComboBox:first-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:first-child:hover, .header-bar .linked.stack-switcher > .button:first-child:hover, .primary-toolbar .linked.path-bar > .button:first-child:hover, - .header-bar .linked.path-bar > .button:first-child:hover { + .header-bar .linked.path-bar > .button:first-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { box-shadow: inset -1px 0 #5294E2; } .osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button, .primary-toolbar .linked.stack-switcher > .button:last-child, .header-bar .linked.stack-switcher > .button:last-child, .primary-toolbar .linked.path-bar > .button:last-child, -.header-bar .linked.path-bar > .button:last-child { +.header-bar .linked.path-bar > .button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { border-radius: 0 3px 3px 0; border-right-style: solid; } .osd .button:last-child:hover, .inline-toolbar .button:last-child:hover, .linked > .button:last-child:hover, .inline-toolbar GtkToolButton:last-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:last-child:hover, GtkComboBox.combobox-entry .button:last-child:hover, .linked > GtkComboBox:last-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:last-child:hover, .header-bar .linked.stack-switcher > .button:last-child:hover, .primary-toolbar .linked.path-bar > .button:last-child:hover, - .header-bar .linked.path-bar > .button:last-child:hover { + .header-bar .linked.path-bar > .button:last-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { box-shadow: inset 1px 0 #5294E2; } .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl), .primary-toolbar .linked.stack-switcher > .button:last-child:dir(rtl), .header-bar .linked.stack-switcher > .button:last-child:dir(rtl), .primary-toolbar .linked.path-bar > .button:last-child:dir(rtl), - .header-bar .linked.path-bar > .button:last-child:dir(rtl) { + .header-bar .linked.path-bar > .button:last-child:dir(rtl), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { border-bottom-left-radius: 0; } .osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, GtkComboBox.combobox-entry .entry:only-child, GtkComboBox.combobox-entry .button:only-child, .linked > GtkComboBox:only-child > .button, .primary-toolbar .linked.stack-switcher > .button:only-child, .header-bar .linked.stack-switcher > .button:only-child, .primary-toolbar .linked.path-bar > .button:only-child, -.header-bar .linked.path-bar > .button:only-child { +.header-bar .linked.path-bar > .button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { border-radius: 3px; border-style: solid; } .osd .button:only-child:hover, .inline-toolbar .button:only-child:hover, .linked > .button:only-child:hover, .inline-toolbar GtkToolButton:only-child > .button.flat:hover, GtkComboBox.combobox-entry .entry:only-child:hover, GtkComboBox.combobox-entry .button:only-child:hover, .linked > GtkComboBox:only-child > .button:hover, .primary-toolbar .linked.stack-switcher > .button:only-child:hover, .header-bar .linked.stack-switcher > .button:only-child:hover, .primary-toolbar .linked.path-bar > .button:only-child:hover, - .header-bar .linked.path-bar > .button:only-child:hover { + .header-bar .linked.path-bar > .button:only-child:hover, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { box-shadow: none; } .linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > GtkComboBoxText > .button, @@ -779,12 +779,15 @@ GtkComboBox { border-radius: 0; border-color: rgba(212, 213, 219, 0.95); color: rgba(82, 93, 118, 0.8); - background-color: rgba(231, 232, 235, 0.95); } + background-color: #e7e8eb; } + .csd .header-bar { + background-color: rgba(231, 232, 235, 0.95); } .header-bar:backdrop { color: rgba(82, 93, 118, 0.5); - background-color: rgba(239, 240, 242, 0.95); } + background-color: #eff0f2; } + .csd .header-bar:backdrop { + background-color: rgba(239, 240, 242, 0.95); } .header-bar .title { - font-weight: bold; padding: 0px 12px; } .header-bar .subtitle { font-size: smaller; @@ -795,13 +798,41 @@ GtkComboBox { border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } .header-bar.selection-mode:backdrop { - background-color: rgba(82, 148, 226, 0.95); } + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + .header-bar.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); } + .header-bar.selection-mode .button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + .header-bar.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); } + .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } + .header-bar.selection-mode .button:insensitive { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + .header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); } .header-bar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; - padding-right: 10px; - padding-top: 12px; - padding-bottom: 12px; } + padding-right: 10px; } .header-bar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } .header-bar.selection-mode .selection-menu .arrow { @@ -818,7 +849,7 @@ GtkComboBox { padding-top: 5px; padding-bottom: 5px; background-color: #e7e8eb; - border-bottom: none; } + border-bottom-width: 0; } .header-bar.default-decoration:backdrop { background-color: #eff0f2; } @@ -851,7 +882,8 @@ GtkComboBox { .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } + background-image: linear-gradient(to bottom, #5294E2); + background-clip: border-box; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } @@ -883,9 +915,9 @@ GtkComboBox { .primary-toolbar .button:insensitive > GtkLabel, .header-bar .button:insensitive > GtkLabel { color: inherit; } .primary-toolbar .button:insensitive:active, .header-bar .button:insensitive:active, .primary-toolbar .button:insensitive:checked, .header-bar .button:insensitive:checked { - color: rgba(255, 255, 255, 0.55); - background-color: rgba(231, 232, 235, 0); - border-color: rgba(231, 232, 235, 0); } + 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 > .button, .header-bar .linked > .button { border-radius: 3px; border-style: solid; } @@ -913,21 +945,27 @@ GtkComboBox { background-color: #5294E2; } .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); border-color: #9EA4B5; background-color: #9EA4B5; } .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #9EA4B5; } + color: #9EA4B5; + outline-color: rgba(158, 164, 181, 0.3); } .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover { color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); border-color: #b8bcc9; background-color: #b8bcc9; } .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked { color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); border-color: #8a91a6; background-color: #8a91a6; } + .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive { + color: rgba(158, 164, 181, 0.45); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { color: rgba(255, 255, 255, 0.6); border-color: rgba(158, 164, 181, 0.65); @@ -938,21 +976,27 @@ GtkComboBox { opacity: 0.8; } .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); border-color: #FA4349; background-color: #FA4349; } .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; - color: #FA4349; } + color: #FA4349; + outline-color: rgba(250, 67, 73, 0.3); } .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover { color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); border-color: #fb7074; background-color: #fb7074; } .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked { color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); border-color: #f92027; background-color: #f92027; } + .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive { + color: rgba(250, 67, 73, 0.45); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { color: rgba(255, 255, 255, 0.6); border-color: rgba(250, 67, 73, 0.65); @@ -1143,7 +1187,7 @@ column-header .button, column-header .button:hover, column-header .button:active .menu .menuitem:insensitive, .popup .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator, .popup .menuitem.separator, .popup GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .popup .menuitem.view.separator { - color: #ffffff; } + color: rgba(255, 255, 255, 0); } .menu .menuitem.arrow, .popup .menuitem.arrow { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .menu .menuitem.arrow:dir(rtl), .popup .menuitem.arrow:dir(rtl) { @@ -1176,7 +1220,7 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: #ffffff; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } .popover .separator, .popover GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .popover .view.separator { - color: transparent; } + color: rgba(255, 255, 255, 0); } .popover > .list, .popover > .view, .popover > .toolbar, @@ -1314,7 +1358,6 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(0, 0, 0, 0.02); } .notebook tab GtkLabel { padding: 0 2px; - font-weight: bold; color: rgba(92, 97, 108, 0.55); } .notebook tab .prelight-page GtkLabel, .notebook tab GtkLabel.prelight-page { color: rgba(92, 97, 108, 0.775); } @@ -1908,36 +1951,37 @@ GtkInfoBar { .info, .question, .warning, -.error { +.error, +GtkInfoBar { background-color: #5294E2; color: #ffffff; } -.header-bar.selection-mode .button, .list-row:selected .button, GtkInfoBar .button { +.list-row:selected .button, GtkInfoBar .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); } - .header-bar.selection-mode .flat.button, .list-row:selected .flat.button, GtkInfoBar .flat.button { + .list-row:selected .flat.button, GtkInfoBar .flat.button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - .header-bar.selection-mode .button:hover, .list-row:selected .button:hover, GtkInfoBar .button:hover { + .list-row:selected .button:hover, GtkInfoBar .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); } - .header-bar.selection-mode .button:active, .list-row:selected .button:active, GtkInfoBar .button:active, .header-bar.selection-mode .button:checked, .list-row:selected .button:checked, GtkInfoBar .button:checked { + .list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:checked, GtkInfoBar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.8); } - .header-bar.selection-mode .button:insensitive, .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { + .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - .header-bar.selection-mode .button:insensitive:active, .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { + .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked { color: rgba(255, 255, 255, 0.4); background-color: rgba(0, 0, 0, 0.1); border-color: rgba(255, 255, 255, 0.2); } @@ -2048,6 +2092,8 @@ GtkVolumeButton.button { .window-frame.ssd { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + .window-frame.ssd.maximized { + border-radius: 0; } .window-frame.csd.popup, .window-frame.csd.menu { border-radius: 3px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } @@ -2073,6 +2119,7 @@ GtkVolumeButton.button { border-color: transparent; background-color: transparent; background-image: none; + background-color: rgba(231, 232, 235, 0); border-width: 0; } .header-bar .button.titlebutton:hover, .titlebar .button.titlebutton:hover { @@ -2303,14 +2350,14 @@ NemoWindow .sidebar .frame { NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { color: #dde3e9; } -NemoPathBar.linked > .button { +NemoWindow .primary-toolbar NemoPathBar.linked > .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(252, 253, 253, 0.9); } - NemoPathBar.linked > .button:hover { + NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { border-color: #5294E2; } - NemoPathBar.linked > .button:active, NemoPathBar.linked > .button:checked { + NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -2324,6 +2371,9 @@ NemoPathBar.linked > .button { border-color: #ffffff; } .open-document-selector-treeview.view:prelight { background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:prelight:selected { + color: #ffffff; + background-color: #5294E2; } /* Only normal state is handle */ .open-document-selector-name-label { @@ -2392,14 +2442,31 @@ GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { border-width: 0 1px 1px 1px; border-style: solid; } +GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), +GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(252, 253, 253, 0.9); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { + border-color: #5294E2; } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):active, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):checked, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):active, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):checked { + color: #ffffff; + background-color: #5294E2; + border-color: #5294E2; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { - background-color: rgba(214, 216, 221, 0.95); + border-left-style: none; border-radius: 0 14.5px 14.5px 0; outline-radius: 0 12.5px 12.5px 0; } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover { + box-shadow: -1px 0 #5294E2; } GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { - background-color: rgba(214, 216, 221, 0.95); + border-right-style: none; border-radius: 14.5px 0 0 14.5px; outline-radius: 12.5px 0 0 12.5px; } + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { + box-shadow: 1px 0 #5294E2; } GbEditorFrame .gb-search-slider { padding: 2px; } @@ -2420,12 +2487,20 @@ GbPreferencesPageLanguage GtkSearchEntry { GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } +GtkBox.gb-command-bar-box { + border: none; + background-color: #3c4049; } + GtkBox.gb-command-bar-box GtkLabel { + color: #A8ADB5; } + GtkEntry.gb-command-bar-entry.entry.flat, GtkEntry.gb-command-bar-entry.entry.flat:focus { font-family: Monospace; + color: #A8ADB5; background-image: none; - background-color: transparent; - padding: 6px 6px 6px 6px; } + background-color: #3c4049; + padding: 6px 6px 6px 6px; + border: none; } GbSourceStyleSchemeWidget GtkSourceView { font-family: Monospace; } @@ -2639,7 +2714,10 @@ MarlinViewWindow *:selected:focus { text-shadow: none; icon-shadow: none; } -.panel .menubar .menuitem:hover { +.panel .menubar > .menuitem { + padding: 3px 6px; } + +.panel .menubar > .menuitem:hover { background-color: transparent; } .panel .window-frame.menu.csd, @@ -2686,21 +2764,21 @@ SwitchboardCategoryView .view:selected:focus { color: #5c616c; } UnityDecoration { - -UnityDecoration-extents: 28px 0 0 0; + -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 1px; - -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.3; - -UnityDecoration-active-shadow-radius: 10px; - -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.15; - -UnityDecoration-inactive-shadow-radius: 5px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.15); + -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: none; + border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; padding: 1px 6px 0 6px; @@ -2712,12 +2790,12 @@ UnityDecoration { background-image: linear-gradient(to bottom, #eff0f2); color: rgba(82, 93, 118, 0.5); } UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { - background-image: none; } + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } UnityPanelWidget, .unity-panel { background-image: linear-gradient(to bottom, #25272d); - color: #A8ADB5; + color: #dfe1e4; box-shadow: none; } .unity-panel.menubar.menuitem:hover, @@ -2887,59 +2965,141 @@ GtkListBox .h4 { GtkFileChooserDialog .dialog-action-box { background-color: #f9fafb; } +NemoWindow GtkEventBox { + background-color: #f9fafb; } + GtkFileChooserDialog *, -NautilusWindow * { +NautilusWindow *, +NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.background, -NautilusWindow.background { +GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +NautilusWindow.background, +NautilusWindow .source-list, +NautilusWindow .source-list.view, +NautilusWindow .source-list.view:prelight, +NemoWindow.background, +NemoWindow .source-list, +NemoWindow .source-list.view, +NemoWindow .source-list.view:prelight, +MarlinViewWindow.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:prelight { background-color: transparent; } -GtkFileChooserDialog .sidebar, -NautilusWindow .sidebar { +GtkFileChooserDialog .sidebar, GtkFileChooserDialog .source-list.sidebar.view, +NautilusWindow .sidebar, +NautilusWindow .source-list.sidebar.view, +NemoWindow .sidebar, +NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { background-color: rgba(60, 64, 73, 0.95); } - GtkFileChooserDialog .sidebar .view, - NautilusWindow .sidebar .view { + GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .source-list.sidebar.view .view, + NautilusWindow .sidebar .view, + NautilusWindow .source-list.sidebar.view .view, + NemoWindow .sidebar .view, + NemoWindow .source-list.sidebar.view .view, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .source-list.sidebar.view .view { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, - NautilusWindow .sidebar .view.image { + GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .source-list.sidebar.view .view.image, + NautilusWindow .sidebar .view.image, + NautilusWindow .source-list.sidebar.view .view.image, + NemoWindow .sidebar .view.image, + NemoWindow .source-list.sidebar.view .view.image, + MarlinViewWindow .sidebar .view.image, + MarlinViewWindow .source-list.sidebar.view .view.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, - NautilusWindow .sidebar .view.cell:selected { + GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .source-list.sidebar.view .view.cell:selected, + NautilusWindow .sidebar .view.cell:selected, + NautilusWindow .source-list.sidebar.view .view.cell:selected, + NemoWindow .sidebar .view.cell:selected, + NemoWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, - NautilusWindow .sidebar.frame { + GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog .source-list.sidebar.view.frame, + NautilusWindow .sidebar.frame, + NautilusWindow .source-list.sidebar.view.frame, + NemoWindow .sidebar.frame, + NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog .source-list.sidebar.view .separator, NautilusWindow .sidebar .separator, - NautilusWindow GtkPlacesSidebar.sidebar .view.separator { + NautilusWindow GtkPlacesSidebar.sidebar .view.separator, + NautilusWindow .source-list.sidebar.view .separator, + NemoWindow .sidebar .separator, + NemoWindow GtkPlacesSidebar.sidebar .view.separator, + NemoWindow .source-list.sidebar.view .separator, + MarlinViewWindow .sidebar .separator, + MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, + MarlinViewWindow .source-list.sidebar.view .separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, - NautilusWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { + GtkFileChooserDialog .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + NautilusWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + NautilusWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + NemoWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + NemoWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + MarlinViewWindow .sidebar .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider, + MarlinViewWindow .source-list.sidebar.view .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { background-color: #d1d4d8; border: 1px solid rgba(0, 0, 0, 0.3); } - GtkFileChooserDialog .sidebar .scrollbar .trough, - NautilusWindow .sidebar .scrollbar .trough { + GtkFileChooserDialog .sidebar .scrollbar .trough, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .trough, + NautilusWindow .sidebar .scrollbar .trough, + NautilusWindow .source-list.sidebar.view .scrollbar .trough, + NemoWindow .sidebar .scrollbar .trough, + NemoWindow .source-list.sidebar.view .scrollbar .trough, + MarlinViewWindow .sidebar .scrollbar .trough, + MarlinViewWindow .source-list.sidebar.view .scrollbar .trough { background-color: rgba(0, 0, 0, 0.2); border: none; } - GtkFileChooserDialog .sidebar .scrollbar .slider, - NautilusWindow .sidebar .scrollbar .slider { + GtkFileChooserDialog .sidebar .scrollbar .slider, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider, + NautilusWindow .sidebar .scrollbar .slider, + NautilusWindow .source-list.sidebar.view .scrollbar .slider, + NemoWindow .sidebar .scrollbar .slider, + NemoWindow .source-list.sidebar.view .scrollbar .slider, + MarlinViewWindow .sidebar .scrollbar .slider, + MarlinViewWindow .source-list.sidebar.view .scrollbar .slider { background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar .slider:hover, - NautilusWindow .sidebar .scrollbar .slider:hover { + GtkFileChooserDialog .sidebar .scrollbar .slider:hover, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:hover, + NautilusWindow .sidebar .scrollbar .slider:hover, + NautilusWindow .source-list.sidebar.view .scrollbar .slider:hover, + NemoWindow .sidebar .scrollbar .slider:hover, + NemoWindow .source-list.sidebar.view .scrollbar .slider:hover, + MarlinViewWindow .sidebar .scrollbar .slider:hover, + MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, - NautilusWindow .sidebar .scrollbar .slider:prelight:active { + GtkFileChooserDialog .sidebar .scrollbar .slider:prelight:active, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:prelight:active, + NautilusWindow .sidebar .scrollbar .slider:prelight:active, + NautilusWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, + NemoWindow .sidebar .scrollbar .slider:prelight:active, + NemoWindow .source-list.sidebar.view .scrollbar .slider:prelight:active, + MarlinViewWindow .sidebar .scrollbar .slider:prelight:active, + MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, - NautilusWindow .sidebar .scrollbar .slider:insensitive { + GtkFileChooserDialog .sidebar .scrollbar .slider:insensitive, GtkFileChooserDialog .source-list.sidebar.view .scrollbar .slider:insensitive, + NautilusWindow .sidebar .scrollbar .slider:insensitive, + NautilusWindow .source-list.sidebar.view .scrollbar .slider:insensitive, + NemoWindow .sidebar .scrollbar .slider:insensitive, + NemoWindow .source-list.sidebar.view .scrollbar .slider:insensitive, + MarlinViewWindow .sidebar .scrollbar .slider:insensitive, + MarlinViewWindow .source-list.sidebar.view .scrollbar .slider:insensitive { background-color: transparent; } GtkFileChooserDialog.maximized .sidebar, -NautilusWindow.maximized .sidebar { +NautilusWindow.maximized .sidebar, +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } GtkFileChooserDialog .pane-separator, -NautilusWindow .pane-separator { +NautilusWindow .pane-separator, +NemoWindow .pane-separator, +MarlinViewWindow .pane-separator { background-color: rgba(60, 64, 73, 0.95); } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { @@ -2953,6 +3113,9 @@ GeditWindow.background { GeditWindow.background .titlebar .pane-separator { background-color: rgba(212, 213, 219, 0.95); } +.gedit-bottom-panel-paned { + background-color: #ffffff; } + .gedit-document-panel { background-color: rgba(60, 64, 73, 0.95); } .maximized .gedit-document-panel { @@ -3056,6 +3219,12 @@ GtkFileChooserDialog .action-bar.frame { @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 #f9fafb; +@define-color base_color #ffffff; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #fcfdfd; @define-color insensitive_fg_color rgba(92, 97, 108, 0.55); @define-color insensitive_base_color #ffffff; @@ -3063,8 +3232,6 @@ GtkFileChooserDialog .action-bar.frame { @define-color theme_unfocused_text_color #5c616c; @define-color theme_unfocused_bg_color #f9fafb; @define-color theme_unfocused_base_color #ffffff; -@define-color theme_unfocused_selected_bg_color #5294E2; -@define-color theme_unfocused_selected_fg_color #ffffff; @define-color borders #dde3e9; @define-color unfocused_borders #dde3e9; @define-color warning_color #F27835; @@ -3074,7 +3241,7 @@ GtkFileChooserDialog .action-bar.frame { @define-color wm_title rgba(82, 93, 118, 0.8); @define-color wm_unfocused_title alpha(rgba(82, 93, 118, 0.8), 0.7); @define-color wm_bg #e7e8eb; -@define-color wm_bg_unfocused #e7e8eb; +@define-color wm_bg_unfocused #eff0f2; @define-color wm_highlight #f2f3f4; @define-color wm_shadow alpha(black, 0.35); @define-color content_view_bg #ffffff; |