From 8aaf55c319f06160b14f402f012144b74baa8d01 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 17 Jul 2015 14:34:04 +0200 Subject: use libsass and update build system --- common/gtk-3.0/3.14/.nvmrc | 1 + common/gtk-3.0/3.14/Gemfile | 3 - common/gtk-3.0/3.14/Gemfile.lock | 10 - common/gtk-3.0/3.14/_applications.scss | 680 ----- common/gtk-3.0/3.14/_colors-public.scss | 77 - common/gtk-3.0/3.14/_colors.scss | 102 - common/gtk-3.0/3.14/_common.scss | 2733 -------------------- common/gtk-3.0/3.14/_drawing.scss | 377 --- common/gtk-3.0/3.14/_granite.scss | 214 -- common/gtk-3.0/3.14/_lightdm.scss | 141 - common/gtk-3.0/3.14/_transparent_widgets.scss | 237 -- common/gtk-3.0/3.14/_unity.scss | 56 - common/gtk-3.0/3.14/gtk-contained-dark.css | 650 +++-- common/gtk-3.0/3.14/gtk-contained-dark.scss | 18 - common/gtk-3.0/3.14/gtk-contained-darker.css | 753 +++--- common/gtk-3.0/3.14/gtk-contained-darker.scss | 18 - common/gtk-3.0/3.14/gtk-contained-solid-dark.css | 650 +++-- common/gtk-3.0/3.14/gtk-contained-solid-dark.scss | 18 - common/gtk-3.0/3.14/gtk-contained-solid-darker.css | 753 +++--- .../gtk-3.0/3.14/gtk-contained-solid-darker.scss | 18 - common/gtk-3.0/3.14/gtk-contained-solid.css | 755 +++--- common/gtk-3.0/3.14/gtk-contained-solid.scss | 18 - common/gtk-3.0/3.14/gtk-contained.css | 755 +++--- common/gtk-3.0/3.14/gtk-contained.scss | 18 - common/gtk-3.0/3.14/gulpfile.js | 18 + common/gtk-3.0/3.14/package.json | 7 + common/gtk-3.0/3.14/parse-sass.sh | 3 - common/gtk-3.0/3.14/sass/_applications.scss | 680 +++++ common/gtk-3.0/3.14/sass/_colors-public.scss | 77 + common/gtk-3.0/3.14/sass/_colors.scss | 102 + common/gtk-3.0/3.14/sass/_common.scss | 2733 ++++++++++++++++++++ common/gtk-3.0/3.14/sass/_drawing.scss | 377 +++ common/gtk-3.0/3.14/sass/_granite.scss | 214 ++ common/gtk-3.0/3.14/sass/_lightdm.scss | 141 + common/gtk-3.0/3.14/sass/_transparent_widgets.scss | 237 ++ common/gtk-3.0/3.14/sass/_unity.scss | 56 + common/gtk-3.0/3.14/sass/gtk-contained-dark.scss | 18 + common/gtk-3.0/3.14/sass/gtk-contained-darker.scss | 18 + .../3.14/sass/gtk-contained-solid-dark.scss | 18 + .../3.14/sass/gtk-contained-solid-darker.scss | 18 + common/gtk-3.0/3.14/sass/gtk-contained-solid.scss | 18 + common/gtk-3.0/3.14/sass/gtk-contained.scss | 18 + 42 files changed, 7297 insertions(+), 6511 deletions(-) create mode 100644 common/gtk-3.0/3.14/.nvmrc delete mode 100644 common/gtk-3.0/3.14/Gemfile delete mode 100644 common/gtk-3.0/3.14/Gemfile.lock delete mode 100644 common/gtk-3.0/3.14/_applications.scss delete mode 100644 common/gtk-3.0/3.14/_colors-public.scss delete mode 100644 common/gtk-3.0/3.14/_colors.scss delete mode 100644 common/gtk-3.0/3.14/_common.scss delete mode 100644 common/gtk-3.0/3.14/_drawing.scss delete mode 100644 common/gtk-3.0/3.14/_granite.scss delete mode 100644 common/gtk-3.0/3.14/_lightdm.scss delete mode 100644 common/gtk-3.0/3.14/_transparent_widgets.scss delete mode 100644 common/gtk-3.0/3.14/_unity.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained-dark.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained-darker.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained-solid-dark.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained-solid-darker.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained-solid.scss delete mode 100644 common/gtk-3.0/3.14/gtk-contained.scss create mode 100644 common/gtk-3.0/3.14/gulpfile.js create mode 100644 common/gtk-3.0/3.14/package.json delete mode 100755 common/gtk-3.0/3.14/parse-sass.sh create mode 100644 common/gtk-3.0/3.14/sass/_applications.scss create mode 100644 common/gtk-3.0/3.14/sass/_colors-public.scss create mode 100644 common/gtk-3.0/3.14/sass/_colors.scss create mode 100644 common/gtk-3.0/3.14/sass/_common.scss create mode 100644 common/gtk-3.0/3.14/sass/_drawing.scss create mode 100644 common/gtk-3.0/3.14/sass/_granite.scss create mode 100644 common/gtk-3.0/3.14/sass/_lightdm.scss create mode 100644 common/gtk-3.0/3.14/sass/_transparent_widgets.scss create mode 100644 common/gtk-3.0/3.14/sass/_unity.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained-dark.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained-darker.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained-solid-dark.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained-solid-darker.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained-solid.scss create mode 100644 common/gtk-3.0/3.14/sass/gtk-contained.scss (limited to 'common/gtk-3.0/3.14') diff --git a/common/gtk-3.0/3.14/.nvmrc b/common/gtk-3.0/3.14/.nvmrc new file mode 100644 index 0000000..43c2417 --- /dev/null +++ b/common/gtk-3.0/3.14/.nvmrc @@ -0,0 +1 @@ +0.12.5 diff --git a/common/gtk-3.0/3.14/Gemfile b/common/gtk-3.0/3.14/Gemfile deleted file mode 100644 index c177689..0000000 --- a/common/gtk-3.0/3.14/Gemfile +++ /dev/null @@ -1,3 +0,0 @@ -source 'https://rubygems.org' - -gem "sass", "~> 3.4.0" diff --git a/common/gtk-3.0/3.14/Gemfile.lock b/common/gtk-3.0/3.14/Gemfile.lock deleted file mode 100644 index f64766f..0000000 --- a/common/gtk-3.0/3.14/Gemfile.lock +++ /dev/null @@ -1,10 +0,0 @@ -GEM - remote: https://rubygems.org/ - specs: - sass (3.4.10) - -PLATFORMS - ruby - -DEPENDENCIES - sass (~> 3.4.0) diff --git a/common/gtk-3.0/3.14/_applications.scss b/common/gtk-3.0/3.14/_applications.scss deleted file mode 100644 index f4b2c8d..0000000 --- a/common/gtk-3.0/3.14/_applications.scss +++ /dev/null @@ -1,680 +0,0 @@ -// -// Tab overrides -// -GeditNotebook.notebook, -ScratchMainWindow .notebook, -EphyNotebook.notebook, -MidoriNotebook .notebook, -TerminalWindow .notebook, -PantheonTerminalPantheonTerminalWindow .notebook { - - tab.reorderable-page.top, tab.top { - &:active, &.active-page, &.active-page:hover { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - } -} - -TerminalWindow .notebook, -PantheonTerminalPantheonTerminalWindow .notebook { - - tab.reorderable-page.top, tab.top { - padding-top: 7px; - border-top-width: 3px; - } - - &.header.top { - box-shadow: inset 0 1px opacify($header_border, 1), - inset 0 -1px $borders_color; - } -} - -// -// Evolution -// -// needed for webkit/GtkStyle/Evolution compatibility -GtkHTML { - background-color: $base_color; - color: $text_color; - - &:active { - color: $selected_fg_color; - background-color: $selected_bg_color; - } -} - -// -// Sushi -// -// used by gnome-font-viewer and sushi -SushiFontWidget { - padding: 6px 12px; -} - -// -// GNOME Terminal -// -$terminal_bg: #2A2F36; -$terminal_fg: white; - -TerminalWindow { - .background { - background-color: transparent; - } - - .scrollbar { - &.vertical .slider { margin-left: 3px; } - &.trough { border-width: 0; } - } -} - -// -// Nautilus -// -NautilusCanvasViewContainer.view .entry { border-radius: 3px; } - -.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; } -} - -NautilusNotebook.notebook { - background-color: $base_color; - - tab { - border-width: 0; - border-style: solid; - border-color: transparent; - background-color: transparent; - } -} - -//NautilusNotebook.notebook { -// background-color: $base_color; -//} - -NautilusQueryEditor .search-bar.toolbar { - padding: 5px; - box-shadow: none; - background-color: $base_color; -} - - -// -// Nemo -// -NemoIconViewContainer { @extend NautilusCanvasViewContainer.view } - -NemoWindow .sidebar .frame { - border-width: 0; -} - -NemoWindow GtkSeparator.separator.horizontal { - color: $borders_color; -} - -.nemo-desktop.nemo-canvas-item { - @extend .nautilus-desktop.nautilus-canvas-item; -} - -NemoWindow .primary-toolbar NemoPathBar.linked > .button { - @include button(header-hover); - - &:hover { border-color: $selected_bg_color; } - &:active, &:checked { @include button(header-active); } - - @extend %linked; -} - -// -// Gedit -// -.gedit-headerbar-paned { color: $header_border; } - -.open-document-selector-listbox-row { - border-bottom: 1px solid darken($bg_color, 5%); - padding: 6px 6px 6px 12px; - - .path-label { font-size: smaller; color: transparentize($fg_color, 0.3); } - &:selected .path-label { color: transparentize($selected_fg_color, 0.3); } -} - -.gedit-document-panel { - - .list-row .button { - color: transparent; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - padding: 4px; - & GtkImage { color: inherit; } - } - .prelight-row .button { - color: mix($bg_color, $fg_color, 35%); - } - .list-row .button:hover, - .prelight-row .button:hover { - color: lighten(red, 15%); - } - .prelight-row:selected .button:hover { - color: lighten(red, 20%); - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - &:active { color: $selected_fg_color; } - } - .prelight-row .button:active { - color: $fg_color; - } -} - -.gedit-document-panel-dragged-row { - border: 1px solid $borders_color; - background-color: darken($bg_color, 10%); - color: $fg_color; -} - -//.gedit-document-panel-placeholder-row { -//} - -GeditStatusbar { - border-top: 1px solid $borders_color; - background-color: $bg_color; -} - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:prelight.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; -} - - -GeditViewFrame .gedit-search-slider { @extend %search_slider } - -GeditFileBrowserWidget .toolbar { - border-bottom: 1px solid $borders_color; -} - -.gedit-search-entry-occurrences-tag { - color: transparentize($fg_color, 0.4); - margin: 2px; - padding: 2px; -} - -%search_slider { - background-color: lighten($bg_color, 2%); - padding: 6px; - border-color: $borders_color; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -// -// Gnome Builder -// - -GbSearchBox.linked { - - > GtkMenuButton.button:last-child:dir(ltr), - > GtkMenuButton.button:first-child:dir(rtl) { - padding: 0 10px; - - @include entry(header-normal); - - &:hover { @include entry(header-normal); border-color: $selected_bg_color; } - &:active, &:checked { @include entry(header-focus); } - &:insensitive { @include entry(header-insensitive); } - } - - > GtkMenuButton.button:last-child:dir(ltr) { - - 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) { - 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; } - } -} - -//Search entry that slides down from top of editor -GbEditorFrame .gb-search-slider { @extend %search_slider; padding: 2px; } - -.gb-search-entry-occurrences-tag { @extend .gedit-search-entry-occurrences-tag } - -GdTaggedEntry { color: $fg_color; } - -// Preferences sidebar style -.preferences.sidebar { - - GtkViewport { border: none; } - GtkListBox { background-color: $bg_color; } - GtkListBoxRow { padding: 10px; } -} - -// Preference page language style -GbPreferencesPageLanguage { - - GtkSearchEntry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - } - GtkScrolledWindow { border-top-width: 0; } -} - -// Command Bar styling -GtkBox.gb-command-bar-box { - border: none; - background-color: opacify($osd_bg_color, 1); - - 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: opacify($osd_bg_color, 1); - padding: 6px 6px 6px 6px; - border: none; - - &:selected, - &:selected:focus { - @extend %selected_items; - } -} - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; -} - -GtkScrolledWindow.gb-linked-scroller { - border-top: none; -} - -// Disable various animatinos that are enabled by default and really annoying -// to the overall flow of Builder. -GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { - transition: none; -} - -GbViewStack GtkBox.header.notebook, -GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid $borders_color; -} - -GbViewStack.focused GtkBox.header.notebook { - background-color: $bg_color; - - .button.dim-label { opacity: 1; } -} - -// -// Epiphany -// -EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it - color: $fg_color; -} - -// -// Gnome Documents -// -.documents-load-more.button { - 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; -} - -.documents-favorite.button:active, -.documents-favorite.button:active:hover { - color: lighten($selected_bg_color, 20%); -} - -.documents-entry-tag { - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 2px; - border-width: 0; - margin: 2px; - padding: 4px; - - &:hover { background-color: lighten($selected_bg_color, 4%) } - &:active { background-color: darken($selected_bg_color, 4%) } - - .toolbar .linked &.button { - background: none; - border: none; - box-shadow: none; - icon-shadow: none; - - &:hover { color: transparentize($selected_fg_color, 0.3) } - } -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -// -// Totem -// -TotemGrilo.vertical GdMainView.frame { - border-width: 0; -} - -// -// Synapse -// -SynapseGuiViewDefault *:selected { background-color: $selected_bg_color; } - -// -// Fallback Mode/Budgie Panel -// -.gnome-panel-menu-bar, -PanelApplet > GtkMenuBar.menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: $panel_fg; - background-image: linear-gradient(to bottom, $panel_bg); -} - -PanelApplet .button, PanelApplet .button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: $panel_fg; -} - -PanelApplet .button:hover { - color: lighten($panel_fg, 10%); - background-color: transparentize(black, 0.83); - border-color: transparentize(black, 0.83); -} - -PanelApplet .button:active, PanelApplet .button:active:backdrop, -PanelApplet .button:checked, PanelApplet .button:checked:backdrop { - background-clip: padding-box; - color: $selected_fg_color; - background-color: transparentize(black, 0.75); - border-radius: 0; - border-color: transparentize(black, 0.75); - box-shadow: inset 0 -2px $selected_bg_color; -} - -PanelApplet:hover { - color: $selected_fg_color; -} - -PanelApplet:active, -PanelApplet:hover:active { - color: $selected_bg_color; -} - -WnckPager { - color: mix($panel_fg, black, 50%); - &:selected { color: $selected_bg_color } -} - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; -} - -ClockBox { - color: $panel_fg; -} - -// Xfce Panel -.xfce4-panel.panel { - background-color: $panel_bg; - - .button.flat { - color: $panel_fg; - background-color: transparentize($panel_bg, 1); - border-radius: 0; - - &:hover { - border: none; - background-color: lighten($panel_bg, 10%); - } - &:active, &:checked { - color: $selected_bg_color; - border: none; - background-color: darken($panel_bg, 7%); - } - } -} - -// -// Floating Bar -// -.floating-bar { - background-color: $selected_bg_color; - color: $selected_fg_color; - - &.top { border-radius: 0 0 2px 2px; } - &.right { border-radius: 2px 0 0 2px; } - &.bottom { border-radius: 2px 2px 0 0; } - &.left { border-radius: 0 2px 2px 0; } - - .button { - -GtkButton-image-spacing: 0; - -GtkButton-inner-border: 0; - - background-color: transparent; - box-shadow: none; - border: none; - } -} - -// Elementary Apps - -// -// Birdie -// -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; -} - -// -// Marlin / Pantheon Files -// -MarlinViewWindow GtkIconView.view:selected, -MarlinViewWindow GtkIconView.view:selected:focus, -MarlinViewWindow GtkIconView.view:selected:hover, -MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, -MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -MarlinViewWindow *:selected, -MarlinViewWindow *:selected:focus { - color: $selected_fg_color; - background-color: $selected_bg_color; - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - border-radius: 14.5px; - @include entry(header-normal); - - &:focus { @include entry(header-focus) } - - &:insensitive { @include entry(header-insensitive) } - - &:active, &:checked { - color: $selected_bg_color; - } -} - -// -// Gala -// -.gala-notification { - border: 1px solid if($variant=='light', rgba(0, 0, 0, 0.35), $borders_color); - border-radius: 3px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, $base_color); - background-color: transparent; - - .title, .label { - color: $fg_color; - } -} - -// -// Wingpanel -// -.panel { - background-color: transparent; - color: white; - font-weight: bold; - text-shadow: 0 1px 2px transparentize(black, 0.4); - icon-shadow: 0 1px 2px transparentize(black, 0.4); -} - -.panel-shadow { - background-image: none; - background-color: transparent; -} - -.panel .menu { - box-shadow: none; -} - -.panel .menu .menuitem { - font-weight: normal; - text-shadow: none; - icon-shadow: none; -} - -.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; -} - -.panel .menu .window-frame.menu.csd, -.panel .menu .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); -} - -.composited-indicator { - background-color: transparent; - color: white; - text-shadow: 0 1px 2px transparentize(black, 0.4); - icon-shadow: 0 1px 2px transparentize(black, 0.4); -} - -.composited-indicator > GtkWidget > GtkWidget:first-child { - padding: 0 2px; -} - -.panel-app-button > GtkWidget > GtkWidget:first-child { - padding: 0 2px 0 4px; -} - -.composited-indicator.menuitem:active, -.composited-indicator.menuitem:prelight { - border-style: none; - background-image: none; - box-shadow: none; -} - -.composited-indicator > .popup > .menu { - padding-top: 8px; - padding-bottom: 8px; -} - -.panel .menu .spinner, -.menu .spinner { opacity: 1 } // Fixes sound indicator buttons - -// -// Wingpanel Popover -// -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - - text-shadow: none; - icon-shadow: none; - - .menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - icon-shadow: none; - border: solid transparent; - border-width: 1px 0; - - GtkLabel, GtkImage { 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; - } - *:insensitive { 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.14/_colors-public.scss b/common/gtk-3.0/3.14/_colors-public.scss deleted file mode 100644 index 0590a00..0000000 --- a/common/gtk-3.0/3.14/_colors-public.scss +++ /dev/null @@ -1,77 +0,0 @@ -//apps rely on some named colors to be exported -/* GTK NAMED COLORS */ - -// 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 #{"" + $insensitive_fg_color}; -@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; - -//WM -$wm_highlight: lighten(opacify($header_bg, 1), 3%); -$wm_bg_unfocused: opacify($header_bg_backdrop, 1); - -@define-color wm_title #{"" + $header_fg}; -@define-color wm_unfocused_title alpha(#{"" + $header_fg}, 0.7); - -@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 alpha(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}; -@define-color wm_icon_close_hover_bg #{"" + $wm_icon_close_hover_bg}; -@define-color wm_icon_close_active_bg #{"" + $wm_icon_close_active_bg}; - -// Minimize, Maximize -@define-color wm_button_bg #{"" + $wm_button_bg}; -@define-color wm_button_unfocused_bg #{"" + $wm_button_unfocused_bg}; -@define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; -@define-color wm_button_active_bg #{"" + $wm_button_active_bg}; - -@define-color wm_button_border #{"" + $wm_button_border}; -@define-color wm_button_unfocused_border #{"" + $wm_button_unfocused_border}; -@define-color wm_button_hover_border #{"" + $wm_button_hover_border}; -@define-color wm_button_active_border #{"" + $wm_button_active_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}; - - -//FIXME this is really an API - -@define-color content_view_bg #{"" + $base_color}; - diff --git a/common/gtk-3.0/3.14/_colors.scss b/common/gtk-3.0/3.14/_colors.scss deleted file mode 100644 index c32b223..0000000 --- a/common/gtk-3.0/3.14/_colors.scss +++ /dev/null @@ -1,102 +0,0 @@ -// When color definition differs for dark and light variant, -// it gets @if ed depending on $variant - - -$base_color: if($variant =='light', #ffffff, #383C45); -$text_color: if($variant == 'light', #5c616c, #D3DAE3); -$bg_color: if($variant =='light', #F5F6F7, #444852); -$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,10%)); - -$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; - -$osd_fg_color: #A8ADB5; -$osd_bg_color: transparentize(#3c4049, 0.05); -$osd_button_bg: darken($osd_bg_color, 3%); - -$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); - - -$tooltip_bg: $osd_bg_color; -$tooltip_fg: #edf5fb; -$tooltip_borders_color: transparentize(white, 0.9); - -//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%)); - - -$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); -$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); -$entry_focus_border: $selected_bg_color; - -$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); -$button_border: $entry_border; - -$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(#2f343b, 0.03); } -@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343b; } - -//$header_bg: if(($darker == 'true' or $variant == 'dark') and $transparency == 'true', transparentize(#2f343b, 0.03), #2f343b); - -$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); - -$header_border: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%)); - -$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' and $variant == 'light', $osd_bg_color, opacify($osd_bg_color, 1)); -@if $variant==dark { $dark_sidebar_bg: if($transparency == 'true', lighten($osd_bg_color, 4%), lighten(opacify($osd_bg_color, 1), 4%)); } - -$dark_sidebar_fg: $osd_fg_color; -$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 10%)); - -$panel_bg: darken($osd_bg_color, 10%); -$panel_fg: $dark_sidebar_fg; - - -//WM Buttons - -// Close -$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f37076, #e45e65); -$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f79da1, #f48085); -$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #ef4048, #e6262f); - -$wm_icon_close_bg: $selected_fg_color; -$wm_icon_close_hover_bg: $selected_fg_color; -$wm_icon_close_active_bg: $selected_fg_color; - -// Minimize, Maximize -$wm_button_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); -$wm_button_unfocused_bg: if($variant == 'light' and $darker == 'false', #f6f7f8, #2a3035); -$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); -$wm_button_active_bg: $selected_bg_color; - -$wm_button_border: if($variant == 'light' and $darker == 'false', #d8dae0, #191C21); -$wm_button_unfocused_border: if($variant == 'light' and $darker == 'false', #dddee2, #1F2328); -$wm_button_hover_border: $selected_bg_color; -$wm_button_active_border: $selected_bg_color; - -$wm_icon_bg: if($variant == 'light' and $darker == 'false', #8d93a4, #939ca8); -$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #b8bcc7, #686f78); -$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #70788d, #afb8c5); -$wm_icon_active_bg: $selected_fg_color; diff --git a/common/gtk-3.0/3.14/_common.scss b/common/gtk-3.0/3.14/_common.scss deleted file mode 100644 index 977da07..0000000 --- a/common/gtk-3.0/3.14/_common.scss +++ /dev/null @@ -1,2733 +0,0 @@ -@function gtkalpha($c,$a) { - @return unquote("alpha(#{$c},#{$a})"); -} - -$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); -$asset_suffix: if($variant=='dark', '-dark', ''); // 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; - -GtkPaned-handle-size: 1; - - -GtkCheckButton-indicator-size: 16; - -GtkCheckMenuItem-indicator-size: 16; - - // The size for scrollbars. The slider is 2px smaller, but we keep it - // up so that the whole area is sensitive to button presses for the - // slider. The stepper button is larger in both directions, the slider - // only in the width - - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - - -GtkToolItemGroup-expander-size: 11; - -GtkExpander-expander-size: 16; - -GtkTreeView-expander-size: 11; - - -GtkTreeView-horizontal-separator: 4; - - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 0; - - -GtkWidget-link-color: $link_color; - -GtkWidget-visited-link-color: $link_visited_color; - - -GtkWidget-focus-padding: 2; // FIXME: do we still need these? - -GtkWidget-focus-line-width: 1; // - - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - - -GtkStatusbar-shadow-type: none; - - // We use the outline properties to signal the focus properties - // to the adwaita engine: using real CSS properties is faster, - // and we don't use any outlines for now. - - outline-color: transparentize($fg_color, 0.7); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - outline-radius: 2px; -} - - -/*************** - * Base States * - ***************/ - -.background { - color: $fg_color; - background-color: transparentize($bg_color, 0.001); // without this headerbar transparency doesn't seem to work -} - -/* - These wildcard seems unavoidable, need to investigate. - Wildcards are bad and troublesome, use them with care, - or better, just don't. - Everytime a wildcard is used a kitten dies, painfully. -*/ - -*:insensitive { - -gtk-image-effect: dim; -} - -.gtkstyle-fallback { - background-color: $bg_color; - color: $fg_color; - &:prelight { - background-color: lighten($bg_color, 10%); - color: $fg_color; - } - &:active { - background-color: darken($bg_color, 10%); - color: $fg_color; - } - &:insensitive { - background-color: $insensitive_bg_color; - color: $insensitive_fg_color; - } - &:selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - } -} - -.view { - color: $text_color; - background-color: $base_color; - - &:selected, - &:selected:focus, - &:selected:hover { - @extend %selected_items; - } - &.dim-label { - color: transparentize($text_color, 0.45); - - &:selected, &:selected:focus { - color: transparentize($selected_fg_color, 0.35); - text-shadow: none; - } - } -} - -.rubberband { - border: 1px solid $selected_bg_color; - background-color: transparentize($selected_bg_color,0.8); -} - -GtkLabel { - &.separator { - color: $fg_color; - @extend .dim-label; - } - &:selected, - &:selected:focus, - &:selected:hover { - @extend %selected_items; - } - &:insensitive { - color: $insensitive_fg_color; - } -} - -.dim-label { - opacity: 0.55; -} - -GtkAssistant { - .sidebar { - background-color: $base_color; - border-top: 1px solid $borders_color; - &:dir(ltr) { border-right: 1px solid $borders_color; } - &:dir(rtl) { border-left: 1px solid $borders_color; } - } - &.csd .sidebar { border-top-style: none; } - .sidebar GtkLabel { - padding: 6px 12px; - } - .sidebar GtkLabel.highlight { - background-color: $selected_bg_color; - color: $selected_fg_color; - } -} - -GtkTextView { // This will get overridden by .view, needed by gedit line numbers - background-color: mix($bg_color, $base_color, 50%); -} - -GtkFlowBox .grid-child { - padding: 3px; - border-radius: 3px; - &:selected { - @extend %selected_items; - outline-offset: -2px; - } -} - -%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-image: none; - background-color: blue; - opacity: 0; // non spinning spinner makes no sense - -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); - - &:active { - opacity: 1; - animation: spin 1s linear infinite; - - &:insensitive { - opacity: 0.5; - } - } -} - -/**************** - * Text Entries * - ****************/ - -.entry { - border: 1px solid; - padding: 5px 8px 6px; - - border-radius: 15px; - transition: all 200ms $ease-out-quad; - @include entry(normal); - - .header-bar & { padding: 6px 11px; } - - //&.image { // icons inside the entry - // &.left { padding-left: 0; } - // &.right { padding-right: 0; } - //} - &.image { padding-left: 3px; padding-right: 3px; } - - &.flat, &.flat:focus { - padding: 2px; - @include entry(normal); - border: none; - border-radius: 0; - } - - &:focus { - background-clip: border-box; - @include entry(focus); - } - - &:insensitive { @include entry(insensitive); } - - &:selected, - &:selected:focus { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - &.progressbar { - margin: 2px 12px; - border-radius: 0; - border-width: 0 0 2px; - border-color: $selected_bg_color; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; - } - - .linked > & { //FIXME: use same buttons linking logic and template - &:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - &:dir(rtl) { border-right-style: none;} - } - &:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; - &:dir(rtl) { border-left-style: solid; } - } - } - - &.error { - color: white; - border-color: $error_color; - background-image: linear-gradient(to bottom, mix($error_color, $base_color, 80%)); - &:focus { - background-image: linear-gradient(to bottom, $error_color); - color: white; - } - &:selected, &:selected:focus { - background-color: white; - color: $error_color; - } - } - - &.warning { - color: white; - border-color: $warning_color; - background-image: linear-gradient(to bottom, mix($warning_color, $base_color, 80%)); - &:focus { - background-image: linear-gradient(to bottom, $warning_color); - color: white; - } - &:selected, &:selected:focus { - background-color: white; - color: $warning_color; - } - } - - &.image { // entry icons colors - color: mix($fg_color,$base_color,80%); - &:hover { color: $fg_color; } - &:active { color: $selected_bg_color; } - } - - .linked.vertical > & { //FIXME comment stuff and make the whole thing smarter. - border-bottom-color: mix($borders_color, $base_color, 30%); - box-shadow: none; - @extend %linked_vertical; - - &:focus { - border-color: $selected_bg_color; - box-shadow: 0 -1px 0 0 $selected_bg_color; - @extend %linked_vertical; - } - - &:insensitive { - border-bottom-color: mix($borders_color, $base_color, 30%); - @extend %linked_vertical; - } - - &:first-child { - border-bottom-color: mix($borders_color, $base_color, 30%); - - &:focus { - border-bottom-color: $selected_bg_color; - box-shadow: none; - } - - &:insensitive { - border-bottom-color: mix($borders_color, $base_color, 30%); - @extend %linked_vertical:first-child; - } - } - - &:last-child { - border-bottom-color: rgba(0,0,0,0.14); - &:focus { - border-bottom-color: $selected_bg_color; - box-shadow: 0 -1px 0 0 $selected_bg_color; - @extend %linked_vertical:last-child; - } - - &:insensitive { - border-bottom-color: rgba(0,0,0,0.14); - @extend %linked_vertical:last-child; - - } - } - } - - .osd & { - @include entry(osd); - &:focus { @include entry(osd-focus); } - &:insensitive { @include entry(osd-insensitive); } - } -} - -/*********** - * Buttons * - ***********/ - -// stuff for .needs-attention -$_dot_color: $selected_bg_color; - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.01, - to($_dot_color), - to(transparent)); - } - to { - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.5, - to($selected_bg_color), - to(transparent)); - } -} - - -.button { - $_button_transition: all 200ms $ease-out-quad; - - transition: $_button_transition; - border: 1px solid; - border-radius: 3px; - padding: 5px 8px; - - .header-bar & { padding: 6px 11px; } - - @include button(normal); - - &.flat { - @include button(undecorated); - background-color: transparentize($bg_color, 1); - // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set - // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but - // it won't fade out when the pointer leave the button allocation area. To make the transition more evident - // in this case the duration is increased. - transition: none; - &:hover { - transition: $_button_transition; - transition-duration: 350ms; - &:active { transition: $_button_transition; } - } - } - &:hover { - @include button(hover); - -gtk-image-effect: highlight; - } - &:active, &:checked { - background-clip: border-box; - @include button(active); - transition-duration: 50ms; - } - - //Webkitgtk workaround start - &:active { color: $fg_color; } - &:active:hover, &:checked { color: $selected_fg_color; } - //Webkitgtk workaround end - - &.flat:insensitive { - @include button(undecorated); - } - &:insensitive { - @include button(insensitive); - &:active, &:checked { - @include button(insensitive-active); - } - } - // big standalone buttons like in Documents pager - &.osd { - outline-color: transparentize($osd_fg_color, 0.7); - - @include button(osd); - background-color: $osd_bg_color; - - &.image-button { padding: 10px; } - - &:hover { @include button(osd-hover); border-color: transparentize($osd_fg_color, 0.7)} - &:active, &:checked { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); } - } - - //overlay / OSD style - .osd & { - @include button(osd); - // there's a problem with sass which prevents it to extend the linked - // placeholder as expected, it should just be "@extend %linked;", the - // placeholder is basically replicated here - // - // Workaround START - border-radius: 0; - border-left-style: none; - border-right-style: none; - - &:dir(rtl) { - border-radius: 0; - border-right-style: none; - border-left-style: none - } - &:first-child { - border-radius: 3px 0 0 3px; - border-left-style: solid; - } - &:last-child { - border-radius: 0 3px 3px 0; - border-right-style: solid; - - &:dir(rtl) { border-left-style: solid; } - } - &:only-child { - border-radius: 3px; - border-style: solid; - } - // Workaround END - &:hover { - @include button(osd-hover); - @extend %linked; - } - &:active, &:checked { - @include button(osd-active); - @extend %linked; - } - &:insensitive { - @include button(osd-insensitive); - @extend %linked; - } - - &.flat { - @include button(undecorated); - box-shadow: none; - &:hover { - @include button(osd-hover); - } - &:insensitive { - @include button(osd-insensitive); - background-image: none; - } - &:active, &:checked { - @include button(osd-active); - } - } - } - // Suggested and Destructive Action buttons - @each $b_type, $b_color in (suggested-action, $suggested_color), - (destructive-action, $destructive_color) { - &.#{$b_type} { - @include button(suggested_destructive, $b_color); - - &.flat { - @include button(undecorated); - color: $b_color; - outline-color: transparentize($b_color, 0.7); - } - &:hover { - @include button(suggested_destructive, lighten($b_color, 10%)); - } - &:active, &:checked { - @include button(suggested_destructive, darken($b_color, 10%)); - } - &.flat:insensitive { - @include button(undecorated); - color: transparentize($b_color, 0.35); - } - &:insensitive { opacity: 0.75; } - } - } - - &.image-button { padding: 8px; } - - .header-bar &.image-button { padding: 6px 9px; } - - &.text-button { - padding-left: 16px; - padding-right: 16px; - } - - .header-bar &.text-button { padding: 6px 16px; } - - &.text-button.image-button { - // those buttons needs uneven horizontal padding, we want the icon side - // to have the image-button padding, while the text side the text-button - // one, so we're adding the missing padding to the label depending on - // its position inside the button - padding: 4px 8px 5px; // same as .button - GtkLabel:first-child { padding-left: 8px; } - GtkLabel:last-child { padding-right: 8px; } - } - - .header-bar &.text-button.image-button { padding: 6px 16px; } - - .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 - - > GtkLabel { - padding-left: 6px; // label padding - padding-right: 6px; // - } - > GtkImage { - padding-left: 6px; - padding-right: 6px; - padding-top: 5px; - padding-bottom: 5px; - } - - .header-bar > GtkLabel { padding: 6px 10px; } - - &.text-button { padding: 5px 10px; } - - .header-bar &.text-button { padding: 6px 10px; } - - &.image-button { padding: 1px 3px; } - - &.needs-attention > GtkLabel, - &.needs-attention > GtkImage { @extend %needs_attention; } - &.needs-attention:active > GtkLabel, - &.needs-attention:active > GtkImage, - &.needs-attention:checked > GtkLabel, - &.needs-attention:checked > GtkImage { - 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 > &, - .linked > &:hover, - .linked > &:active, - .linked > &: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 GtkToolButton > .button { // redefining the button look is - // needed since those are flat... - @include button(normal); - &:hover { @include button(hover); } - &:active, - &:checked{ @include button(active); } - &:insensitive { @include button(insensitive); } - &:insensitive:active, - &:insensitive:checked { @include button(insensitive-active); } -} - -// More inline toolbar buttons -.inline-toolbar.toolbar GtkToolButton { - & > .button.flat { @extend %linked_middle; } - &:dir(rtl) > .button.flat { @extend %linked_middle:dir(rtl); } - &:first-child > .button.flat { @extend %linked:first-child; } - &:last-child > .button.flat { @extend %linked:last-child; } - &:last-child:dir(rtl) > .button.flat { @extend %linked:last-child:dir(rtl); } - &:only-child > .button.flat { @extend %linked:only-child; } -} - -%linked_middle { - border-radius: 0; - border-left-style: none; - border-right-style: none; - - &:hover { - box-shadow: inset 1px 0 $selected_bg_color, inset -1px 0 $selected_bg_color; - } - - &:dir(rtl) { - border-radius: 0; // needed when including %linked_middle:dir(rtl) - } -} - -%linked { - @extend %linked_middle; - - &:first-child { - border-radius: 3px 0 0 3px; - border-left-style: solid; - - &:hover { box-shadow: inset -1px 0 $selected_bg_color; } - } - &:last-child { - border-radius: 0 3px 3px 0; - border-right-style: solid; - - &:hover { box-shadow: inset 1px 0 $selected_bg_color; } - - &:dir(rtl) { border-bottom-left-radius: 0; } - - } - &:only-child { - border-radius: 3px; - border-style: solid; - - &:hover { box-shadow: none; } - } -} - -%linked_vertical_middle { - border-style: solid; - border-bottom-style: none; - border-top-style: none; - border-radius: 0; - - &:hover { box-shadow: inset 0 1px $selected_bg_color, inset 0 -1px $selected_bg_color; } -} - -%linked_vertical{ - @extend %linked_vertical_middle; - - &:first-child { - border-radius: 3px 3px 0 0; - border-top-style: solid; - - &:hover { box-shadow: inset 0 -1px $selected_bg_color; } - } - &:last-child { - border-radius: 0 0 3px 3px; - border-bottom-style: solid; - - &:hover { box-shadow: inset 0 1px $selected_bg_color; } - } - &:only-child { - border-radius: 3px; - border-style: solid; - - &:hover { box-shadow: none; } - } -} - -%undecorated_button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -/* menu buttons */ -.menuitem.button.flat { - transition: none; - @extend %undecorated_button; - outline-offset: -1px; - border-radius: 2px; - - &:hover { background-color: mix($fg_color,$bg_color,5%); } - &:selected, &:checked, &:active { - @extend %selected_items; - } -} - -/********* - * Links * - *********/ - -*:link { - color: $link_color; - &:visited { - color: $link_visited_color; - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } - } - &:hover { - color: lighten($link_color,10%); - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } - } - &:active { - color: $link_color; - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } - } - &:selected, *:selected & { - color: mix($selected_fg_color, $selected_bg_color, 80%); - } -} - -.button:link, .button:visited { - @extend %undecorated_button; - @extend *:link; - &:hover, &:active, &:checked { - @extend %undecorated_button; - } -} - -/***************** - * GtkSpinButton * - *****************/ - -.spinbutton { - border-radius: 3px; - - .button { - background-image: none; - border: 1px solid transparentize($borders_color,0.4); - border-style: none none none solid; - color: mix($fg_color,$base_color,95%); - border-radius: 0; - box-shadow: none; - // padding-left: 6px; - // padding-right: 6px; - &:dir(rtl) { border-style: none solid none none; } - &:first-child { color: red; } - &:hover { - color: $selected_bg_color; - } - &:insensitive { - color: $insensitive_fg_color; - } - &:active { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - -// .osd & { -// .button { -// @include button(undecorated); -// color: $osd_fg_color; -// border-style: none none none solid; -// border-color: transparentize($osd_borders_color, 0.3); -// border-radius: 0; -// box-shadow: none; -// &:dir(rtl) { border-style: none solid none none; } -// &:hover { -// @include button(undecorated); -// color: $osd_fg_color; -// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); -// background-color: transparentize($osd_fg_color, 0.9); -// box-shadow: none; -// } -// &:insensitive { -// @include button(undecorated); -// color: $osd_insensitive_fg_color; -// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); -// box-shadow: none; -// } -// &:last-child { border-radius: 0 2px 2px 0; } -// &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } -// } -// } - - &.vertical, &.vertical:dir(rtl) { - .button { - &:first-child { - @extend %top_button; - @include button(normal); - &:active { - @extend %top_button; - @include button(active); - } - &:hover { - @extend %top_button; - @include button(hover); - } - &:insensitive { - @extend %top_button; - @include button(insensitive); - } - } - &:last-child { - @extend %bottom_button; - @include button(normal); - &:active { - @extend %bottom_button; - @include button(active); - } - &:hover { - @extend %bottom_button; - @include button(hover); - } - &:insensitive { - @extend %bottom_button; - @include button(insensitive); - } - } - } - &.entry { - // we should remove the bottom edge hilight here, but seems - // like buttons are on top of it so it doesn't show up - border-radius: 0; - padding-left: 5px; - padding-right: 5px; - } - %top_button { - border-radius: 2px 2px 0 0; - border-style: solid solid none solid; - } - %bottom_button { - border-radius: 0 0 2px 2px; - border-style: none solid solid solid; - } - } - GtkTreeView & { - &.entry, &.entry:focus { - padding: 1px; - border-width: 1px 0; - border-color: $selected_bg_color; - border-radius: 0; - box-shadow: none; - } - } -} - -/************** - * ComboBoxes * - **************/ -GtkComboBox { - > .button { padding-top: 3px; padding-bottom: 4px; } // Otherwise combos - // are bigger then - // buttons - -GtkComboBox-arrow-scaling: 0.5; - -GtkComboBox-shadow-type: none; - - &:insensitive { - color: $insensitive_fg_color; - } - - .separator.vertical { - // always disable separators - -GtkWidget-wide-separators: true; - } - - &.combobox-entry .entry { - @extend %linked; - - border-right-style: none; - &:dir(rtl) { border-left-style: none; } - } - - &.combobox-entry .button { - @extend %linked; - - color: transparentize($fg_color, 0.4); - background-color: $button_border; - border-color: $button_border; - - &:hover { - background-color: lighten($button_border, 5%); - border-color: $selected_bg_color; - box-shadow: -1px 0 $selected_bg_color; - } - - &:active, &:checked { @include button(active); } - - &:insensitive { opacity: 0.5 } - } -} - -.linked > GtkComboBox > .button { - // the combo is a composite widget so the way we do button linking doesn't - // work, special case needed. See - // https://bugzilla.gnome.org/show_bug.cgi?id=733979 - &:dir(ltr) { @extend %linked_middle; } // specificity bump - &:dir(rtl) { @extend %linked_middle:dir(rtl); } -} -.linked > GtkComboBox:first-child > .button { - @extend %linked:first-child; -} -.linked > GtkComboBox:last-child > .button { - @extend %linked:last-child; -} -.linked > GtkComboBox:only-child > .button { - @extend %linked:only-child; -} -.linked.vertical > GtkComboBoxText > .button, -.linked.vertical > GtkComboBox > .button { @extend %linked_vertical_middle; } -.linked.vertical > GtkComboBoxText:first-child > .button, -.linked.vertical > GtkComboBox:first-child > .button { @extend %linked_vertical:first-child; } -.linked.vertical > GtkComboBoxText:last-child > .button, -.linked.vertical > GtkComboBox:last-child > .button { @extend %linked_vertical:last-child; } -.linked.vertical > GtkComboBoxText:only-child > .button, -.linked.vertical > GtkComboBox:only-child > .button { @extend %linked_vertical:only-child; } - -/************ - * Toolbars * - ************/ -.toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: $bg_color; - .osd &, &.osd { - padding: 7px; - border: none; - border-radius: 4px; - background-color: $osd_bg_color; - } -} - -.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; -} - -.search-bar { - background-color: $bg_color; - border-style: solid; - border-color: $borders_color; - border-width: 0 0 1px; - padding: 3px; - //box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); -} - -.action-bar { background-color: darken($bg_color, 3%) } - -/*************** - * Header bars * - ***************/ - -.header-bar { - padding: 7px 7px 6px 7px; - - border-width: 0 0 1px; - border-style: solid; - border-radius: 0; - border-color: $header_border; - - color: $header_fg; - 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: opacify($header_bg_backdrop, 1); - - .csd & { background-color: $header_bg_backdrop; } // Transparent header-bars only in csd windows - } - - .title { - padding: 0px 12px; - } - - .subtitle { - font-size: smaller; - padding: 0 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; - } - &: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($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); - - &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - } -} - -.titlebar { - padding-left: 7px; - padding-right: 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 { background-color: opacify($header_bg_backdrop, 1); } - } -} - -.titlebar .titlebar, -.titlebar .titlebar:backdrop { background-color: transparent; } - -// Only extending .header-bar avoids some problems (Gnome Documents searchbar) -.header-bar { - .header-bar-separator, - & > GtkBox > .separator.vertical { @extend %header_separator; } - - @extend %header_widgets; -} - -%header_separator { - -GtkWidget-wide-separators: true; - -GtkWidget-separator-width: 1px; - 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 { - // Header-bar Entries - .entry { - @include entry(header-normal); - - &:backdrop { opacity: 0.85; } - - &:focus { - @include entry(header-focus); - - &.image { color: $selected_fg_color; } - } - &:insensitive { @include entry(header-insensitive); } - - &:selected:focus { - background-color: $selected_fg_color; - color: $selected_bg_color; - } - - &.progressbar { - border-color: $selected_bg_color; - background-image: none; - background-color: transparent; - } - } - - // Header-bar Buttons - .button { - - @include button(header-normal); - - &:backdrop { opacity: 0.7; } - - &:hover { @include button(header-hover); } - &:active, &:checked { @include button(header-active); } - &:insensitive { @include button(header-insensitive); } - &:insensitive:active, &:insensitive:checked { @include button(header-insensitive-active); } - } - - .linked > .button { border-radius: 3px; border-style: solid} - - .linked > .button:hover { box-shadow: none; } - - .linked.stack-switcher > .button, - .linked.path-bar > .button { - @include button(header-hover); - - &:hover { border-color: $selected_bg_color; } - &:active, &:checked { @include button(header-active); } - - @extend %linked; - } - - // Header-bar 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:insensitive { - @include button(undecorated); - color: transparentize($b_color, 0.35); - } - &:insensitive { opacity: 0.75; } - } - .button.#{$b_type}:backdrop, - .button.#{$b_type}:backdrop { - opacity: 0.8; - } - } - - // Header-bar Spinbuttons - & .spinbutton { - - &:focus .button { color: $selected_fg_color; } - - .button { - color: $header_fg; - - &:hover { background-color: rgba(255,255,255,0.1); border-color: transparent; } - &:insensitive { color: transparentize($header_fg, 0.3); } - &:active { background-color: rgba(0,0,0,0.1); } - } - } - - // Header-bar ComboBoxes - & GtkComboBox{ - &:insensitive { color: transparentize($header_fg, 0.6); } - - &.combobox-entry .button { - @include entry(header-normal); - - &:hover { @include entry(header-focus); } - &:insensitive { @include entry(header-insensitive); } - } - } - - // Header-bar Switches - GtkSwitch { - &:backdrop { opacity: 0.75; } - } - - GtkProgressBar { - - &.trough { background-color: transparentize($header_fg, 0.65); } - - &:backdrop { opacity: 0.75; } - } - - // Header-bar Scale - .scale { - - &:backdrop { opacity: 0.75; } - - &.trough { - background-image: linear-gradient(to bottom, transparentize($header_fg, 0.65)); - - &:insensitive { background-image: linear-gradient(to bottom, transparentize($header_fg, 0.7)); } - } - &.slider { - background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 90%), darken($header_bg, 4%))); - - &:insensitive { - background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 40%), darken($header_bg, 1%))); - - @if $darker=='true' { border-color: mix($header_bg, $selected_bg_color, 60%); } - } - } - } -} - -/************ - * Pathbars * - ************/ - -.path-bar .button { - //padding: 5px 6px 6px; - &:first-child { padding-left: 8px; } - &:last-child { padding-right: 8px; } - &:only-child { - padding-left: 12px; - padding-right: 12px; - } - - // the following is for spacing the icon and the label inside the home button - GtkLabel:last-child { padding-left: 2px; } - GtkLabel:first-child { padding-right: 2px; } - GtkLabel:only-child { padding-right: 0; padding-left: 0; } - //GtkImage { padding-top: 1px; } -} - -/************** - * Tree Views * - **************/ -GtkTreeView.view { // treeview grid lines and expanders, unfortunatelly - // the tree lines color can't be set - -GtkTreeView-grid-line-width: 1; - -GtkTreeView-grid-line-pattern: ''; - -GtkTreeView-tree-line-width: 1; - -GtkTreeView-tree-line-pattern: ''; - -GtkTreeView-expander-size: 16; - border-color: transparentize($fg_color, 0.8); // this is actually the line color - // :selected is ignored hence no style for it - - &.dnd { - border-style: solid none; - border-width: 1px; - border-color: mix($fg_color, $selected_bg_color, 50%); - } - - &.expander { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } - - color: mix($fg_color, $base_color, 50%); - - &:hover { color: $fg_color; } - - &:selected { - color: mix($selected_fg_color, $selected_bg_color, 70%); - &:hover { color: $selected_fg_color; } - } - - &:checked { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - } - } - - &.progressbar { // progress bar in treeviews - color: $selected_fg_color; - border-radius: 3px; - - &:selected { - color: $selected_bg_color; - box-shadow: none; - background-color: $selected_fg_color; - } - } - - &.trough, &.trough:selected { // progress bar trough in treeviews - color: $fg_color; - background-color: $button_border; - border-radius: 3px; - border-width: 0; - } -} - -column-header { - .button { - @extend %column_header_button; - $_column_header_color: mix($fg_color,$base_color,80%); - color: $_column_header_color; - background-color: $base_color; - &:hover { - @extend %column_header_button; - color: $selected_bg_color; - box-shadow: none; - transition: none; //I shouldn't need this - } - &:active { - @extend %column_header_button; - color: $fg_color; - transition: none; //I shouldn't need this - } - &.dnd { - @extend column-header.button.dnd; - } - } - &:last-child .button, - &:last-child.button { //treeview-like derived widgets in Banshee and Evolution - border-right-style: none; - border-image: none; - } -} - -column-header.button.dnd { // for treeview-like derive widgets - transition: none; - color: $selected_bg_color; - box-shadow: inset 1px 1px 0 1px $selected_bg_color, - inset -1px 0 0 1px $selected_bg_color, - inset 1px 1px $base_color, inset -1px 0 $base_color;; - &:active { @extend column-header.button.dnd; } - &:selected { @extend column-header.button.dnd; } - &:hover { @extend column-header.button.dnd; } -} - -%column_header_button { - padding: 3px 6px; - background-image: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, - transparentize(if($variant == 'light', black, white), 1) 20%, - transparentize(if($variant == 'light', black, white), 0.89) 20%, - transparentize(if($variant == 'light', black, white), 0.89) 80%, - transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; - - &:active { background-color: $base_color; } - &:insensitive { - border-color: $bg_color; - background-image: none; - } -} - -/********* - * Menus * - *********/ -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; - background-color: opacify($header_bg, 1); - color: $header_fg; - - &:backdrop { 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; - } - &:insensitive { - color: transparentize($header_fg, 0.6); - border-color: transparent; - } - } -} - -.menu, .popup { - margin: 4px; - padding: 0; - border-radius: 0; - background-color: $base_color; - border: 1px solid $borders_color; - - .csd & { - padding: 4px 0px; - border-radius: 3px; - border: none; - } - - .menuitem { - padding: 5px; - &: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; - } - &:insensitive { - color: $insensitive_fg_color; - } - - &.separator { color: transparentize($base_color, 1); } - - //submenu indicators - &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } - &.arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); } - } - &.button { // overlow buttons - @extend %undecorated_button; - border-style: none; - border-radius: 0; - &.top { border-bottom: 1px solid mix($fg_color, $base_color, 10%); } - &.bottom { border-top: 1px solid mix($fg_color, $base_color, 10%); } - &:hover { background-color: mix($fg_color, $base_color, 10%); } - &:insensitive { - color: transparent; - background-color: transparent; - border-color: transparent ; - } - } -} - -.menuitem .accelerator { color: gtkalpha(currentColor,0.55); } - -/************ - * Popovers * - ************/ - -.popover { - margin: 10px; - padding: 2px; - border: 1px solid darken($borders_color, 5%); - border-radius: 3px; - background-clip: border-box; - background-color: $base_color; - - box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); - - & .separator { color: transparentize($base_color, 1); } - GtkLabel.separator { @extend GtkLabel.separator; } // Noice - - > .list, - > .view, - > .toolbar, - &.osd > .toolbar { - border-style: none; - background-color: transparent; - } - &.osd { @extend %osd; } -} - -//touch selection handlebars for the Popover.osd above -.entry.cursor-handle, -.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 { - // Through me you go to the grief wracked city; - // Through me you go to everlasting pain; - // Through me you go a pass among lost souls. - // ... - // Abandon all hope — Ye Who Enter Here - padding: 0; - background-color: $base_color; - -GtkNotebook-initial-gap: 4; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 0; - transition: all 200ms $ease-out-quad; - - &.frame { - border: 1px solid $borders_color; - // FIXME doesn't work - &.top { border-top-width: 0; } - &.bottom { border-bottom-width: 0; } - &.right { border-right-width: 0; } - &.left { border-left-width: 0; } - } - &.header { - // FIXME: double borders in some case, can't fix it w/o a class tho - // FIXME: doesn't work on dark var - background-color: $bg_color; - - // this is the shading of the header behind the tabs - &.frame { - border: 0px solid $borders_color; - &.top { border-bottom-width: 0; } - &.bottom { border-top-width: 0; } - &.right { border-left-width: 0; } - &.left { border-right-width: 0; } - } - - $_header_border: $borders_color; - &.top { - box-shadow: inset 0 -1px $_header_border; // border - } - &.bottom { - box-shadow: inset 0 1px $_header_border; - } - &.right { - box-shadow: inset 1px 0 $_header_border; - } - &.left { - box-shadow: inset -1px 0 $_header_border; - } - } - tab { - border-width: 0; - border-style: solid; - border-color: transparent; - background-color: transparent; - outline-color: transparent; - - outline-offset: 0; - - // tab sizing - $vpadding: 4px; - $hpadding: 15px; - - //FIXME: we get double border in some cases, not considering the broken - //notebook content frame... - &.top, &.bottom { padding: $vpadding $hpadding; } - &.left, &.right { padding: $vpadding $hpadding; } - - &.reorderable-page { - &.top, &.bottom { - padding-left: 12px; // for a nicer close button - padding-right: 12px; // placement - //border-left-width: 1px; - //border-right-width: 1px; - } - &.left, &.right { - //border-bottom-width: 1px; - //border-top-width: 1px; - } - } - @each $_tab in (top, bottom, right, left) { - &.reorderable-page.#{$_tab}, &.#{$_tab} { - - @if $_tab==top or $_tab==bottom { - padding-#{$_tab}: $vpadding + 2; - } - @else if $_tab==left or $_tab==right { - padding-#{$_tab}: $hpadding + 2; - } - - @if $_tab==top { border-radius: 3.5px 2px 0 0; } - @else if $_tab==bottom { border-radius: 0 0 2px 3.5px; } - @else if $_tab==left { border-radius: 3.5px 0 0 3.5px; } - @else if $_tab==right { border-radius: 0 3.5px 3.5px 0; } - - border-width: 0; - border-#{$_tab}-width: 2px; - border-color: transparent; - background-color: transparentize($base_color, 1); - - &:hover, &.prelight-page { - background-color: transparentize($base_color, 0.5); - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - &:active, &.active-page, &.active-page:hover { - background-color: $base_color; - - @if $_tab==top { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $base_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - @else if $_tab==bottom { - box-shadow: inset 0 -1px $base_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - @else if $_tab==left { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $base_color; - } - @else if $_tab==right { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $base_color, - inset -1px 0 $borders_color; - } - } - } - } - GtkLabel { //tab text - padding: 0 2px; // needed for a nicer focus ring - color: $insensitive_fg_color; - } - .prelight-page GtkLabel, GtkLabel.prelight-page { - // prelight tab text - color: mix($fg_color, $insensitive_fg_color, 50%); - } - .active-page GtkLabel, GtkLabel.active-page { - // active tab text - color: $fg_color; - } - .button { //tab close button - padding: 0; - @extend %undecorated_button; - color: mix($bg_color, $fg_color, 35%); - - &:hover { - color: lighten(red, 15%); - } - &:active { - color: $selected_bg_color; - } - & > GtkImage { // this is a hack which makes tabs grow - padding: 2px; - } - } - } - &.arrow { - color: $insensitive_fg_color; - &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } - &:active { color: $fg_color; } - &:insensitive { - color: transparentize($insensitive_fg_color,0.7); - } - } -} - -/************** - * Scrollbars * - **************/ - -.scrollbar { - background-clip: padding-box; - background-image: none; - border-style: solid; - -GtkRange-trough-border: 0; - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkRange-slider-width: 11; - -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. - // sadly can't be in '.slider' - // where it belongs - - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; - .button { - border: none; - } - &.trough { @extend .scrollbars-junction; } - &.slider { - border-radius: 20px; - border: 3px solid transparent; //margin :/ - background-color: mix($bg_color, $fg_color, 60%); - &:hover { - background-color: mix($bg_color, $fg_color, 30%); - } - &:prelight:active { - background-color: $selected_bg_color; - } - &.fine-tune { - border-width: 4px; - &:prelight:active { - background-color: $selected_bg_color; - } - } - &:insensitive { - background-color: transparent; - } - } -} - -.scrollbars-junction, -.scrollbars-junction.frame { // the small square between two scrollbars - border-color: transparent; - background-color: $base_color; -} - -/********** - * Switch * - **********/ -GtkSwitch { - font: 1; - -GtkSwitch-slider-width: 41; - outline-color: transparent; - - &.trough, &.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; } - } -} - -@each $i,$j in ('',''), ('.list-row:selected ','-selected') { - - @each $k,$l in ('',''), - (':active','-active'), - (':insensitive','-insensitive'), - (':active:insensitive','-active-insensitive') { - - // load switch troughs from .png files in assets directory - - #{$i}GtkSwitch.trough#{$k} { - background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); - } - - .list-row:selected GtkSwitch.trough#{$k} { - background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); - } - - .header-bar GtkSwitch.trough#{$k}, - .primary-toolbar GtkSwitch.trough#{$k} { - background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); - } - - // load switch sliders from .png files in assets directory - - //#{$i}GtkSwitch.slider#{$k} { - // background-image: -gtk-scaled(url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}.png"),url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}@2.png")); - //} - } -} - -/************************* - * Check and Radio items * - *************************/ - -// draw regular check and radio items using our PNG assets -// all assets are rendered from assets.svg. never add pngs directly - -@each $w,$a in ('check', 'checkbox'), - ('radio','radio') { - - //standard checks and radios - @each $s,$as in ('','-unchecked'), - (':insensitive','-unchecked-insensitive'), - (':inconsistent', '-mixed'), - (':inconsistent:insensitive', '-mixed-insensitive'), - (':checked', '-checked'), - (':checked:insensitive','-checked-insensitive') { - .#{$w}#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), - url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); - } - // the borders of checks and radios are - // too similar in luminosity to the selected background color, hence - // we need special casing. - GtkTreeView.view.#{$w}#{$s}:selected, - .list-row:selected .#{$w}#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), - url("assets/#{$a}#{$as}-selected@2.png")); - } - } -} - -//selection-mode -@each $s,$as in ('','-selectionmode'), - (':checked', '-checked-selectionmode') { - GtkIconView.view.check#{$s}, - GtkFlowBox.view.check#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), - url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); - background-color: transparent; - } -} - -GtkCheckButton.text-button, GtkRadioButton.text-button { - // this is for a nice focus on check and radios text - padding: 1px 2px 4px; - outline-offset: 0; - &:insensitive, - &:insensitive:active, - &:insensitive:inconsistent { - // set insensitive color, which is overriden otherwise - color: $insensitive_fg_color; - } -} - -/************ - * GtkScale * - ************/ -.scale { - -GtkScale-slider-length: 15; - -GtkRange-slider-width: 15; - -GtkRange-trough-border: 0; - outline-offset: -1px; - outline-radius: 2px; - //@include _shadows(_button_shadow(normal)); - - &.trough { margin: 5px; } - &.fine-tune { - &.trough { border-radius: 5px; margin: 3px; } - } - &.slider { - background-clip: border-box; - background-image: linear-gradient(to bottom, $entry_bg); - border: 1px solid $selected_bg_color; - border-radius: 50%; - box-shadow: none; - - &:hover { - background-image: linear-gradient(to bottom, $selected_bg_color); - border-color: $selected_bg_color; - } - &:insensitive { - background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%)); - border-color: mix($selected_bg_color, $bg_color, 55%); - } - &:active { - background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); - border-color: darken($selected_bg_color, 10%); - } - //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 sliders - .list-row:selected & { - 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%); - } - &:insensitive{ - 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($base_color, 4%)); - - border: none; - border-radius: 2.5px; - background-image: linear-gradient(to bottom, $_scale_trough_bg); - &.highlight { - background-image: linear-gradient(to bottom, $selected_bg_color); - - &:insensitive { - background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45)); - } - } - &:insensitive { - 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); - } - &:insensitive { } - } - // troughs in selected list-rows - .list-row:selected & { - background-image: linear-gradient(to bottom, transparentize(black, 0.8)); - - &.highlight { - background-image: linear-gradient(to bottom, $selected_fg_color); - - &:insensitive { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); } - } - &:insensitive { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } - } - } -} - -/***************** - * Progress bars * - *****************/ - -GtkProgressBar { - padding: 0; - font-size: smaller; - color: transparentize($fg_color, 0.3); - //@include _shadows(_button_shadow(normal)); - - &.osd { - -GtkProgressBar-xspacing: 0; - -GtkProgressBar-yspacing: 0; - -GtkProgressBar-min-horizontal-bar-height: 3; - } -} - -// moving bit -.progressbar { - background-color: $selected_bg_color; - border: none; - border-radius: 3px; - box-shadow: none; //needed for clipping - &.left.right { - - } - &.osd { - background-color: $selected_bg_color; - } -} - -.osd .scale.progressbar { - background-color: $selected_bg_color; -} - -// background -GtkProgressBar.trough { - border: none; - border-radius: 3px; - background-color: if($variant == 'light', $button_border, darken($base_color, 4%)); - - &.osd { - border-style: none; - background-color: transparent; - box-shadow: none; - //FIXME: there is a margin on top - } -} - -/************* - * Level Bar * - *************/ - -GtkLevelBar { - -GtkLevelBar-min-block-width: 34; - -GtkLevelBar-min-block-height: 3; -} - -GtkLevelBar.vertical { - -GtkLevelBar-min-block-width: 3; - -GtkLevelBar-min-block-height: 34; -} - -.level-bar { - &.trough { - @extend GtkProgressBar.trough; - padding: 3px; - border-radius: 4px; - } - &.fill-block { - // FIXME: it would be nice to set make fill blocks bigger, but we'd need - // :nth-child working on discrete indicators - border: 1px solid $selected_bg_color; - background-color: $selected_bg_color; - border-radius: 2px; - - &.indicator-discrete { - &.horizontal { margin: 0 1px; } - &.vertical { margin: 1px 0; } - } - &.level-high { - border-color: $success_color; - background-color: $success_color; - } - &.level-low { - border-color: $warning_color; - background-color: $warning_color; - } - &.empty-fill-block { - background-color: transparentize($fg_color,0.8); - border-color: transparentize($fg_color,0.8); - } - } -} - - -/********** - * Frames * - **********/ -.frame { - border: 1px solid $borders_color; - &.flat { border-style: none; } - padding: 0; - &.action-bar { - padding: 6px; - border-width: 1px 0 0; - } -} - -GtkScrolledWindow { - GtkViewport.frame { // avoid double borders when viewport inside - // scrolled window - border-style: none; - } -} - -//vbox and hbox separators -.separator { - // always disable separators - // -GtkWidget-wide-separators: true; - color: transparentize(black, 0.9); - - // Font and File button separators - GtkFileChooserButton &, - GtkFontButton &, - GtkFileChooserButton &.vertical, - GtkFontButton &.vertical { - // always disable separators - -GtkWidget-wide-separators: true; - } -} - -/********* - * Lists * - *********/ - -.list, .list-row { - background-color: $base_color; - border-color: $borders_color; -} - -.list-row, -.grid-child { - padding: 2px; -} - -.list-row.button { - @extend %undecorated_button; - background-color: transparentize(black, 1); // for the transition - border-style: none; // I need no borders here - border-radius: 0; // and no rounded corners - box-shadow: none; // and no box-shadow - &:hover { - background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); - } - &:active { - color: $fg_color; - } - &:selected { - &:active { color: $selected_fg_color; } - &:hover { background-color: mix(black, $selected_bg_color, 10%); } - &:insensitive { - color: transparentize($selected_fg_color, 0.3); - background-color: transparentize($selected_bg_color, 0.3); - GtkLabel { color: inherit; } - } - } -} - -.list-row:selected { - @extend %selected_items; - .button { @extend %selected-button } -} - -// transition -.list-row, list-row.button { - transition: all 300ms $ease-out-quad; - &:hover { transition: none; } -} - -/********************* - * App Notifications * - *********************/ - -.app-notification, -.app-notification.frame { - @extend %osd; - padding: 10px; - background-color: $osd_bg_color; - background-clip: border-box; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; - border-color: darken($osd_bg_color, 10%); - - .button { - @include button(osd); - &.flat { - @extend %undecorated_button; - border-color: transparentize($selected_bg_color, 1); - &:insensitive { @extend %undecorated_button; } - } - &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); - } - } -} - -/************* - * Expanders * - *************/ - -GtkExpander { - -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 * - ***********/ -GtkCalendar { - 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); - box-shadow: none; - border: none; - &:hover { - color: $fg_color; - } - } - &.highlight { color: gtkalpha(currentColor,0.55); } -} - -/*********** - * Dialogs * - ***********/ -.message-dialog .dialog-action-area .button { - padding: 8px; -} - -.message-dialog { // Message Dialog styling - -GtkDialog-button-spacing: 0; - - .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } - - &.csd { // rounded bottom border styling for csd version - &.background { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; - } - .dialog-action-area .button { - padding: 8px; - border-radius: 0; - - @extend %middle_button; - - &:hover, &:active, &:insensitive { - @extend %middle_button; - } - - &:focus { - color: $selected_bg_color; - - &:active, &:checked { color: $selected_fg_color; } - } - -// @each $b_type, $b_color in (suggested-action, $selected_bg_color), -// (destructive-action, $destructive_color) { -// &.#{$b_type} { -// @include button(normal, $b_color, white, $edge:none); -// @extend %middle_button; -// &:hover { -// @include button(hover, $b_color, white, $edge:none); -// @extend %middle_button; -// } -// &:active { -// @include button(active, $b_color, white, $edge:none); -// @extend %middle_button; -// } -// &:insensitive { -// @include button(insensitive, $edge:none); -// @extend %middle_button; -// } -// } -// } - &:first-child{ @extend %first_button; } - &:last-child { @extend %last_button; } - } - %middle_button { - border-right-style: none; - border-bottom-style: none; - } - %last_button { - border-bottom-right-radius: 3px; - } - %first_button { - border-left-style: none; - border-bottom-left-radius: 3px; - } - } -} - -GtkFileChooserDialog { - .search-bar { - background-color: $bg_color; - border-color: $borders_color; - box-shadow: none; - } - .dialog-action-box { - border-top: 1px solid $borders_color; - } -} - -/*********** - * Sidebar * - ***********/ -.sidebar { - border: none; - background-color: $bg_color; - - .scrollbar { - &.trough { - background-color: transparent; - border-width: 2px; - border-color: transparent; - } - } - &:selected { - background-color: $selected_bg_color; - } -} - -// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color -GtkPlacesSidebar.sidebar .view { - - color: $fg_color; - background-color: transparent; - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - - &.separator { @extend .separator; } -} - -.sidebar-item { - padding: 10px 4px; - > GtkLabel { - padding-left: 6px; - padding-right: 6px; - } - &.needs-attention > GtkLabel { - @extend %needs_attention; - background-size: 6px 6px, 0 0; - } -} - -GtkPaned { - // This is actually the invisible area of the paned separator, not a margin... - margin: 0 8px 8px 0; //drag area of the separator - &:dir(rtl) { - margin-right: 0; - margin-left: 8px; - } -} - -.pane-separator { - //FIXME abusing a background-image to get rid of the handle decoration - //I'd like something better... - background-image: linear-gradient(to bottom, $borders_color); -} - -/************** - * GtkInfoBar * - **************/ -GtkInfoBar { - border-style: none; - - .button { @extend %selected-button } -} - -.info, -.question, -.warning, -.error, -GtkInfoBar { - background-color: $selected_bg_color; - color: $selected_fg_color; -} - - -// -// Buttons on selected backgrounds -// -%selected-button { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 0.5); - - &.flat { - @include button(undecorated); - color: $selected_fg_color; - background-color: transparentize($selected_fg_color, 1); - } - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - background-color: transparentize($selected_fg_color, 0.8); - border-color: transparentize($selected_fg_color, 0.2); - } - &:active, &:active:hover, &:checked { - color: $selected_bg_color; - outline-color: transparentize($selected_bg_color, 0.7); - background-color: $selected_fg_color; - border-color: $selected_fg_color; - } - &:insensitive { - 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: $tooltip_bg; - background-clip: padding-box; - } - - color: $tooltip_fg; - border-radius: 2px; - - &.window-frame.csd { - background-color: transparent; - } -} - -.tooltip * { //Yeah this is ugly - padding: 4px; - background-color: transparent; - color: inherit; // just to be sure -} - -/***************** - * Color Chooser * - *****************/ - -GtkColorSwatch { - border: none; - box-shadow: inset 0 1px 1px transparentize(black, 0.6); - - &.color-light { - &:hover { - background-image: linear-gradient(to bottom, - transparentize(white, 0.6)); - } - } - &.color-dark { - &:hover { - background-image: linear-gradient(to bottom, - transparentize(white, 0.8)); - } - } - - &:hover { - border-color: transparentize(black, 0.5); - } - - &.top { - border-top-left-radius: 3px; - border-top-right-radius: 3px; - } - &.bottom { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - } - &.left, &:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - &.right, &:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - &:only-child { - border-radius: 3px; - } - &.color-active-badge { - border-width: 2px; - &:hover { background-image: none; } - &.color-light, &.color-light:hover { - color: transparentize(black,0.7); - border-color: transparentize(black,0.7); - } - &.color-dark, &.color-dark:hover { - color: transparentize(white,0.5); - border-color: transparentize(white,0.5); - } - } -} -GtkColorChooserWidget #add-color-button { - border-color: mix($borders_color,$bg_color,50%); - background-color: mix($borders_color,$bg_color,50%); - color: $bg_color; - box-shadow: none; - &:hover { - border-color: $borders_color; - background-color: $borders_color; - } -} - -GtkColorButton.button { - padding: 4px; // Uniform padding on the GtkColorButton - - GtkColorSwatch { border-radius: 0; } -} - -/******** - * Misc * - ********/ -.scale-popup .button { // +/- buttons on GtkVolumeButton popup - padding: 6px; - &:hover { - @include button(hover); - } -} - -GtkVolumeButton.button { padding: 8px; } - -/********************** - * Window Decorations * - *********************/ - -.window-frame { - border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); - // lamefun trick to get rounded borders regardless of CSD use - border-width: 0px; - - // this needs to be transparent - // see bug #722563 - $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); - - box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), - 0 4px 8px 1px if($darker == 'false', opacify($_wm_border, 0.1), opacify($_wm_border, 0.15)); - - /* this is used for the resize cursor area */ - margin: 10px; - - &:backdrop { - box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), - 0 4px 5px 2px if($darker == 'false', $_wm_border, opacify($_wm_border, 0.15)); - } - &.tiled { - border-radius: 0; - } - &.csd { - &.popup, &.menu { - border-radius: 3px; - 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($base_color, 10%)); - } - &.tooltip { - border-radius: 2px; - box-shadow: 0 1px 3px 1px $_wm_border; - } - &.message-dialog { border-radius: 3px; } - } -} - -// -// Titlebuttons -// - -.header-bar, .titlebar, -.header-bar.selection-mode, .titlebar.selection-mode { - - .button.titlebutton { - padding: 7px 4px; - - @include button(undecorated); - background-color: transparentize($header_bg, 1); - border-width: 0; - - color: transparent; - background-position: center; - background-repeat: no-repeat; - - &:backdrop { opacity: 1; } - } - - // Minimize - - .right .button.titlebutton:nth-last-child(3), - .right:dir(rtl) .button.titlebutton:nth-child(3), - .left .button.titlebutton:nth-child(3), - .left:dir(rtl) .button.titlebutton:nth-last-child(3) { - background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); - - &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); } - &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); } - &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); } -} - - // Maximize - - .right .button.titlebutton:nth-last-child(2), - .right:dir(rtl) .button.titlebutton:nth-child(2), - .left .button.titlebutton:nth-child(2), - .left:dir(rtl) .button.titlebutton:nth-last-child(2) { - background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); - - &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); } - &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); } - &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); } -} - - // Close - - .right .button.titlebutton:last-child, - .right:dir(rtl) .button.titlebutton:first-child, - .left .button.titlebutton:first-child, - .left:dir(rtl) .button.titlebutton:last-child { - background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); - - &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); } - &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); } - &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); } - } -} - -// Fallback menubutton -.header-bar .left GtkMenuButton.button.titlebutton:first-child, -.header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, -.header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, -.header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, -.titlebar .left GtkMenuButton.button.titlebutton:first-child, -.titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, -.titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, -.titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child { - - padding: 4px 6px 4px 6px; - - - @include button(undecorated); - - &:hover { - - } - &:active, &:checked { - - } - &:backdrop { } -} - - -// catch all extend :) - -%selected_items { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); -} - -/* Decouple the font of context menus from their entry/textview */ -.touch-selection, -.context-menu { - font: initial; -} - -.monospace { - font: Monospace; -} - -// -// Overshoot -// -// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. -// This draws a box on top of the content, the size changes programmatically. -.overshoot { - &.top { @include overshoot(top); } - &.bottom { @include overshoot(bottom); } - &.left { @include overshoot(left); } - &.right { @include overshoot(right); } -} - -// -// Undershoot -// -// Overflow indication, works similarly to the overshoot, the size if fixed tho. -.undershoot { - &.top { @include undershoot(top); } - &.bottom { @include undershoot(bottom); } - &.left { @include undershoot(left); } - &.right { @include undershoot(right); } -} diff --git a/common/gtk-3.0/3.14/_drawing.scss b/common/gtk-3.0/3.14/_drawing.scss deleted file mode 100644 index 378e5d9..0000000 --- a/common/gtk-3.0/3.14/_drawing.scss +++ /dev/null @@ -1,377 +0,0 @@ -// Drawing mixins - -// generic drawing of more complex things - -@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { -// -// Helper function to stack up to 4 box-shadows; -// - - @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } - @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } - @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } - @else { box-shadow: $shadow1; } -} - -// Entries - -@mixin entry($t) { -// -// Entries drawing function -// -// $t: entry type -// - - @if $t==normal { - // - // normal entry - // - color: $text_color; - 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: $selected_bg_color; - background-color: $entry_bg; - background-image: linear-gradient(to bottom, $entry_bg); - } - - @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)); - } - - $_header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 4%), 0.1), transparentize($base_color, 0.1)); - $_header_entry_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 10%), transparentize($header_fg, 0.7)); - - @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: $selected_bg_color; - 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.35)); - } - - @else if $t==osd { - // - // normal osd button - // - color: $osd_fg_color; - border-color: transparentize($osd_fg_color, 0.7); - background-color: transparent; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-focus { - // - // active osd button - // - color: $selected_bg_color; - border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-insensitive { - // - // insensitive osd button - // - color: $osd_insensitive_fg_color; - border-color: transparentize($osd_fg_color, 0.8); - background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); - } -} - -// 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: $selected_bg_color; - background-color: $button_bg; - } - - @else if $t==active { - // - // pushed button - // - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $selected_bg_color; - background-color: $selected_bg_color; - } - - @else if $t==insensitive { - // - // insensitive button - // - color: $insensitive_fg_color; - border-color: transparentize($button_border, 0.45); - background-color: transparentize($button_bg, 0.45); - - > GtkLabel { color: inherit; } - } - - @else if $t==insensitive-active { - // - // insensitive pushed button - // - color: transparentize($selected_fg_color, 0.45); - border-color: transparentize($selected_bg_color, 0.45); - background-color: transparentize($selected_bg_color, 0.45); - - opacity: 0.6; - - > GtkLabel { color: inherit; } - } - - $_header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 3%), 0.1), transparentize($button_bg, 0.1)); - $_header_button_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 8%), transparentize($header_fg, 0.7)); - - @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: $selected_bg_color; - background-color: $selected_bg_color; - } - - @else if $t==header-insensitive { - // - // insensitive header-bar button - // - color: transparentize($header_fg, 0.45); - background-color: transparentize($header_bg, 1); - border-color: transparentize($header_bg, 1); - - > GtkLabel { color: inherit; } - } - - @else if $t==header-insensitive-active { - // - // header-bar insensitive pushed button - // - color: transparentize($selected_fg_color, 0.25); - border-color: transparentize($selected_bg_color, 0.35); - background-color: transparentize($selected_bg_color, 0.35); - } - - @else if $t==osd { - // - // normal osd button - // - color: $osd_fg_color; - outline-color: transparentize($osd_fg_color, 0.7); - border-color: transparentize($osd_fg_color, 0.7); - background-color: transparent; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-hover { - // - // active osd button - // - color: $selected_bg_color; - outline-color: transparentize($osd_fg_color, 0.7); - border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); - } - - @else if $t==osd-active { - // - // active osd button - // - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $selected_bg_color; - background-image: linear-gradient(to bottom, $selected_bg_color); - } - - @else if $t==osd-insensitive { - // - // insensitive osd button - // - color: $osd_insensitive_fg_color; - border-color: transparentize($osd_fg_color, 0.8); - background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); - } - - @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; -} diff --git a/common/gtk-3.0/3.14/_granite.scss b/common/gtk-3.0/3.14/_granite.scss deleted file mode 100644 index 1e53c7f..0000000 --- a/common/gtk-3.0/3.14/_granite.scss +++ /dev/null @@ -1,214 +0,0 @@ -// Granite Widgets - -// -// Overlay Bar -// -.overlay-bar { - background-color: $selected_bg_color; - border-color: $selected_bg_color; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; - - GtkLabel { 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 -// -.secondary-toolbar.toolbar { - padding: 3px; - border-bottom: 1px solid $borders_color; - - .button { padding: 0 3px 0 3px; } -} - -// -// Bottom Toolbars -// -.bottom-toolbar.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:prelight { - background-color: lighten($bg_color, 5%); -} - -.source-list.view:selected, -.source-list.view:prelight:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: $selected_fg_color; - background-color: $selected_bg_color; -} - -.source-list .scrollbar.trough, -.source-list .scrollbars-junction { - border-image: none; - border-color: transparent; - background-color: $bg_color; - background-image: none; -} - -.source-list.badge, -.source-list.badge:prelight, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:prelight: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:prelight: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 GtkLabel { - 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; -} - -// -// 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; - text-shadow: 0 1px transparentize(white, 0.4); -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4{ - padding-left: 6px; -} diff --git a/common/gtk-3.0/3.14/_lightdm.scss b/common/gtk-3.0/3.14/_lightdm.scss deleted file mode 100644 index 9b14d09..0000000 --- a/common/gtk-3.0/3.14/_lightdm.scss +++ /dev/null @@ -1,141 +0,0 @@ -/* 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:insensitive { - color: darken($panel_fg, 20%); - - GtkLabel { 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: transparentize($bg_color, 0.05); - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -#content_frame .button { - @include button(normal); - - &:hover { @include button(hover); } - &:active, &:checked { @include button(active); } - &:insensitive { @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: $osd_bg_color; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -#buttonbox_frame .button{ - @include button(osd); - - &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } - &:insensitive { @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: 3px; -} - -/* the border around the user's avatar box */ -#user_image_border {} - -/* the shutdown button */ -#shutdown_button.button { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $destructive_color; - background-color: $destructive_color; - background-image: none; - background-clip: border-box; - - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: lighten($destructive_color, 9%); - background-color: lighten($destructive_color, 9%); - background-image: none; - } - &:active, &:checked { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: darken($destructive_color, 7%); - background-color: darken($destructive_color, 7%); - background-image: none; - } -} - -/* the restart button */ -#restart_button.button { - $_restart_bg: #51CF74; - - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: $_restart_bg; - background-color: $_restart_bg; - background-image: none; - background-clip: border-box; - - &:hover { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: lighten($_restart_bg, 9%); - background-color: lighten($_restart_bg, 9%); - background-image: none; - } - &:active, &:checked { - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); - border-color: darken($_restart_bg, 7%); - background-color: darken($_restart_bg, 7%); - background-image: none; - } -} - -/* 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.14/_transparent_widgets.scss b/common/gtk-3.0/3.14/_transparent_widgets.scss deleted file mode 100644 index 16bf819..0000000 --- a/common/gtk-3.0/3.14/_transparent_widgets.scss +++ /dev/null @@ -1,237 +0,0 @@ -.titlebar .separator { - color: $header_border; //fixes separator in gnome-tweak-tool -} - -NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar - -GtkFileChooserDialog *, -NautilusWindow *, -NemoWindow { - -GtkPaned-handle-size: 0; -} - -@if $variant==dark { - GtkFileChooserDialog, - NautilusWindow , - NemoWindow { - .sidebar { border-right: 1px solid $dark_sidebar_border; } - - .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } - } -} - -// Dark transparent sidebars -GtkFileChooserDialog, -NautilusWindow, -NemoWindow, -MarlinViewWindow { - - &.csd.background, - .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } - - GtkBox.sidebar { background-color: transparent; } - - .sidebar, MarlinPlacesSidebar, NemoPlacesSidebar { - background-color: $dark_sidebar_bg; - - .view, .source-list.sidebar row { - background-color: transparent; - color: $dark_sidebar_fg; - - &.image { color: transparentize($dark_sidebar_fg, 0.4); } - - &.cell:selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - - &.frame { - color: $dark_sidebar_fg; - } - - .separator { color: transparent; } - - .scrollbar { - - &.trough { background-color: transparent; border-color: transparent; } - - &.slider { - border-radius: 20px; - border: 3px solid transparent; //margin :/ - background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); - &:hover { - background-color: lighten($dark_sidebar_fg, 20%); - } - &:prelight:active { - background-color: $selected_bg_color; - } - &.fine-tune { - border-width: 4px; - &:prelight:active { - background-color: $selected_bg_color; - } - } - &:insensitive { - background-color: transparent; - } - } - } - } - &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } - - .pane-separator { background-color: $dark_sidebar_border; } -} - -GtkFileChooserDialog { - - &.background.csd, .background { background-color: $dark_sidebar_bg } - .sidebar { background-color: transparent } - - // Yeah, this is ugly, but prevents a transparent background in the image preview box - GtkPaned > .vertical > .horizontal { background-color: $bg_color; } - - // fix for non gnome environments - .dialog-action-box { background-color: $bg_color } - - .dialog-vbox > .frame { - color: $dark_sidebar_fg; - border-color: transparent; - } - .action-bar.frame { - background-color: transparent; - border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); - } - - .action-bar.frame, - .dialog-vbox > .frame { - - .button { @extend %dark_sidebar_button; } - .entry { @extend %dark_sidebar_entry; } - - GtkLabel, GtkComboBox { color: $dark_sidebar_fg; } - } -} - -// Gedit sidebar -GeditWindow.background.csd { - background-color: transparent; - - .pane-separator, - .pane-separator:hover { background-color: $dark_sidebar_border; } - - .titlebar .pane-separator, - &.maximized .titlebar .pane-separator, - .titlebar .pane-separator:backdrop, - &.maximized .titlebar .pane-separator:backdrop { background-color: $header_border; } -} - -.gedit-bottom-panel-paned { background-color: $base_color; } - -.gedit-document-panel { - background-color: $dark_sidebar_bg; - - .maximized & { background-color: opacify($dark_sidebar_bg, 1); } - - .list-row { color: $dark_sidebar_fg; } - - .list-row { - background-color: transparentize($dark_sidebar_fg, 1); - border: solid transparentize($dark_sidebar_fg, 1); - border-width: 3px 2px 3px 2px; - } - .list-row:hover { - border: solid transparentize($dark_sidebar_fg, 0.85); - border-width: 3px 2px 3px 2px; - background-color: transparentize($dark_sidebar_fg, 0.85); - } - .list-row:active { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: solid $selected_bg_color; - border-width: 3px 2px 3px 2px; - - .button { color: $selected_fg_color; } - } - .list-row:selected, .list-row:selected:hover { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: solid $selected_bg_color; - border-width: 3px 2px 3px 2px; - } - .prelight-row .button:active { - color: $dark_sidebar_fg; - } -} - -GeditWindow.background.csd GeditFileBrowserWidget { - background-color: $dark_sidebar_bg; - - .maximized & { background-color: opacify($dark_sidebar_bg, 1); } - - .scrollbar { - - &.trough { background-color: transparent; border-color: transparent; } - - &.slider { - border-radius: 20px; - border: 3px solid transparent; //margin :/ - background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); - &:hover { - background-color: lighten($dark_sidebar_fg, 20%); - } - &:prelight:active { - background-color: $selected_bg_color; - } - &.fine-tune { - border-width: 4px; - &:prelight:active { - background-color: $selected_bg_color; - } - } - &:insensitive { - background-color: transparent; - } - } - } - - .scrollbars-junction, - .scrollbars-junction.frame { // the small square between two scrollbars - border-color: transparent; - background-color: transparent; - } - - .horizontal { - background-color: transparent; - border-color: darken($dark_sidebar_bg, 7%); - - .button { @extend %dark_sidebar_button; } - GtkComboBox { color: $dark_sidebar_fg; } - } -} - -GeditWindow.background.csd GeditFileBrowserView.view { - - background-color: transparent; - color: $dark_sidebar_fg; - - &.expander { - color: $dark_sidebar_fg; - &:hover { color: $selected_bg_color; } - } -} - -%dark_sidebar_button { - @include button(osd); - - &:hover { @include button(osd-hover) } - &:active, &:checked { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); } -} - -%dark_sidebar_entry { - @include entry(osd); - - &:focus { @include entry(osd-focus) } - &:insensitive { @include entry(osd-insensitive); } -} diff --git a/common/gtk-3.0/3.14/_unity.scss b/common/gtk-3.0/3.14/_unity.scss deleted file mode 100644 index d88377a..0000000 --- a/common/gtk-3.0/3.14/_unity.scss +++ /dev/null @@ -1,56 +0,0 @@ -// 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; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: $selected_bg_color; - border-bottom: none; -} diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.css b/common/gtk-3.0/3.14/gtk-contained-dark.css index 5899495..5fda495 100644 --- a/common/gtk-3.0/3.14/gtk-contained-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-dark.css @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #D3DAE3; } + GtkLabel:insensitive { color: rgba(211, 218, 227, 0.45); } @@ -88,16 +89,19 @@ GtkAssistant .sidebar { border-right: 1px solid #2d3036; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #2d3036; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #3e424b; } + background-color: #3e424c; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(45, 48, 54, 0.55); background-color: rgba(56, 60, 69, 0.55); background-image: linear-gradient(to bottom, rgba(56, 60, 69, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #d4403a); } + background-image: linear-gradient(to bottom, #d5403b); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #cc6c38); } + background-image: linear-gradient(to bottom, #cd6c38); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -217,20 +223,20 @@ GtkFlowBox .grid-child { .entry.image:active { color: #5294E2; } .linked.vertical > .entry { - border-bottom-color: #343840; + border-bottom-color: #353841; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294E2; box-shadow: 0 -1px 0 0 #5294E2; } .linked.vertical > .entry:insensitive { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:first-child { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294E2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { 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 { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { 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 > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(211, 218, 227, 0.3); border-color: #5294E2; background-color: #3d414b; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(61, 65, 75, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.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, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .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, 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, +.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, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -799,7 +841,7 @@ GtkComboBox { border-color: #2d3036; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #444852; @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.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); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.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); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.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; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343b; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; 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, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { 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; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .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 { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(29, 32, 36, 0.97); background-color: rgba(40, 44, 50, 0.87); } - .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 { + .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 { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(24, 27, 31, 0.97); @@ -1094,37 +1165,48 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(207, 218, 231, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, rgba(55, 59, 68, 0.997)); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, rgba(50, 55, 63, 0.982)); } + background-image: linear-gradient(to bottom, rgba(51, 55, 63, 0.982)); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1142,16 +1224,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #92b7e2; } + border-color: #93b7e3; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #858b94; } + color: #868b94; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #D3DAE3; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1179,7 +1261,9 @@ column-header .button { column-header .button:active { color: #D3DAE3; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1250,11 +1334,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #474b54; } + border-bottom: 1px solid #484c55; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #474b54; } + border-top: 1px solid #484c55; } .menu.button:hover, .popup.button:hover { - background-color: #474b54; } + background-color: #484c55; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1279,7 +1363,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1416,7 +1501,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #D3DAE3; } .notebook tab .button { padding: 0; - color: #a0a6b0; } + color: #a1a7b0; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1463,9 +1548,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #383C45; } @@ -1668,7 +1753,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(211, 218, 227, 0.45); } /************ @@ -1695,8 +1784,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #3d414a); - border-color: #4b71a1; } + background-image: linear-gradient(to bottom, #3d414b); + border-color: #4c72a1; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } @@ -1712,14 +1801,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1741,7 +1830,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1791,6 +1880,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1826,7 +1916,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1852,7 +1948,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1892,16 +1988,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1977,6 +2073,7 @@ GtkFileChooserDialog .search-bar { background-color: #444852; border-color: #2d3036; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2d3036; } @@ -2179,6 +2276,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2194,13 +2292,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2213,14 +2312,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2252,6 +2350,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2267,13 +2366,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2286,14 +2386,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2325,6 +2424,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2340,13 +2440,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2359,14 +2460,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2412,7 +2512,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2434,6 +2539,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2442,6 +2548,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2450,6 +2557,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2467,6 +2575,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .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%); @@ -2475,6 +2584,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .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%); @@ -2483,6 +2593,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .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%); @@ -2492,7 +2603,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2517,19 +2633,15 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #2d3036, inset 0 -1px #2d3036, inset 1px 0 #2d3036, inset -1px 0 #2d3036; } -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #24272d, inset 0 -1px #2d3036; } @@ -2546,8 +2658,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2618,11 +2732,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #a0a6b0; } + color: #a1a7b0; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2631,6 +2748,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #D3DAE3; } @@ -2672,9 +2790,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(24, 27, 31, 0.97); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2683,13 +2801,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - 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 { + 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; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2697,12 +2815,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { 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) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2718,14 +2838,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #444852; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2851,7 +2974,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3053,7 +3176,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #32383f); color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, rgba(31, 34, 39, 0.97)); } UnityPanelWidget, @@ -3131,8 +3255,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #444852; @@ -3174,7 +3297,7 @@ GraniteWidgetsWelcome { background-color: #383C45; } GraniteWidgetsWelcome GtkLabel { - color: #8b919a; + color: #8c919b; font: open sans 11; text-shadow: none; } @@ -3307,7 +3430,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3385,13 +3508,16 @@ GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { border-right: 1px solid rgba(46, 49, 56, 0.95); } + GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { border-left: 1px solid rgba(46, 49, 56, 0.95); } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3401,27 +3527,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: rgba(69, 74, 84, 0.95); } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3434,15 +3565,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3455,14 +3586,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3475,136 +3606,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #454a54; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3613,21 +3735,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: rgba(69, 74, 84, 0.95); } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #444852; } + GtkFileChooserDialog .dialog-action-box { background-color: #444852; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(35, 37, 42, 0.95); } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3635,8 +3763,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: rgba(46, 49, 56, 0.95); } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: rgba(36, 39, 45, 0.97); } .gedit-bottom-panel-paned { @@ -3692,9 +3822,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3733,7 +3863,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3750,7 +3880,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3768,7 +3898,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #494d58; -@define-color insensitive_fg_color rgba(211, 218, 227, 0.45); +@define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #383C45; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @@ -3780,8 +3910,8 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343b; @define-color wm_bg_unfocused #32383f; @define-color wm_highlight #363c44; diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.scss b/common/gtk-3.0/3.14/gtk-contained-dark.scss deleted file mode 100644 index f47d7b5..0000000 --- a/common/gtk-3.0/3.14/gtk-contained-dark.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$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.14/gtk-contained-darker.css b/common/gtk-3.0/3.14/gtk-contained-darker.css index 4e8ead9..be39081 100644 --- a/common/gtk-3.0/3.14/gtk-contained-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-darker.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { 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:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { 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 { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { 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 > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.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, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .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, 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, +.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, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #32383f; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.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); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.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); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.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; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343b; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; 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, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { 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; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .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 { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: rgba(29, 32, 36, 0.97); background-color: rgba(40, 44, 50, 0.87); } - .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 { + .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 { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: rgba(24, 27, 31, 0.97); @@ -1094,38 +1165,49 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(207, 218, 231, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.97)); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, rgba(45, 49, 56, 0.97)); - border-color: rgba(61, 91, 128, 0.982); } + border-color: rgba(62, 92, 128, 0.982); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1143,16 +1225,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1171,7 +1253,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1180,7 +1262,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1227,7 +1311,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1251,11 +1335,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1280,7 +1364,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1313,7 +1398,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1325,7 +1410,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1335,13 +1420,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1365,10 +1450,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1378,10 +1463,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1391,10 +1476,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1404,10 +1489,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1417,7 +1502,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1452,9 +1537,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1464,9 +1549,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1669,7 +1754,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1696,7 +1785,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1713,14 +1802,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1742,7 +1831,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1792,6 +1881,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1814,7 +1904,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1827,7 +1917,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1835,7 +1931,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1853,7 +1949,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1893,16 +1989,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1923,7 +2019,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1976,10 +2072,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2016,7 +2113,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2117,13 +2214,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2180,6 +2277,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2195,13 +2293,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2214,14 +2313,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2253,6 +2351,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2268,13 +2367,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2287,14 +2387,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2326,6 +2425,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2341,13 +2441,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2360,14 +2461,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2413,7 +2513,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2435,6 +2540,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2443,6 +2549,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2451,6 +2558,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2468,6 +2576,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .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%); @@ -2476,6 +2585,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .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%); @@ -2484,6 +2594,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .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%); @@ -2493,7 +2604,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2518,22 +2634,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #1f2227, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #1f2227, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2547,8 +2659,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2583,7 +2697,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); @@ -2619,11 +2733,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2632,16 +2749,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2651,7 +2769,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2661,7 +2779,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2673,9 +2791,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(24, 27, 31, 0.97); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2684,13 +2802,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.87)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - 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 { + 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; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2698,12 +2816,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.52)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { 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) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2719,14 +2839,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2756,7 +2879,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2852,7 +2975,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3054,7 +3177,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #32383f); color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, rgba(31, 34, 39, 0.97)); } UnityPanelWidget, @@ -3082,8 +3206,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3095,7 +3219,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3103,7 +3227,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3132,8 +3256,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3175,7 +3298,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3214,7 +3337,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3308,7 +3431,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3383,7 +3506,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3393,27 +3518,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: rgba(60, 64, 73, 0.95); } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3426,15 +3556,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3447,14 +3577,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3467,136 +3597,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3605,21 +3726,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: rgba(60, 64, 73, 0.95); } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(44, 47, 53, 0.95); } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3627,8 +3754,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: rgba(60, 64, 73, 0.95); } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: rgba(31, 34, 39, 0.97); } .gedit-bottom-panel-paned { @@ -3684,9 +3813,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3725,7 +3854,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3742,7 +3871,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3759,21 +3888,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@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 borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343b; @define-color wm_bg_unfocused #32383f; @define-color wm_highlight #363c44; diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.scss b/common/gtk-3.0/3.14/gtk-contained-darker.scss deleted file mode 100644 index 63166d2..0000000 --- a/common/gtk-3.0/3.14/gtk-contained-darker.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$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.14/gtk-contained-solid-dark.css b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css index 1d3dc3a..4e40192 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #D3DAE3; } + GtkLabel:insensitive { color: rgba(211, 218, 227, 0.45); } @@ -88,16 +89,19 @@ GtkAssistant .sidebar { border-right: 1px solid #2d3036; } GtkAssistant .sidebar:dir(rtl) { border-left: 1px solid #2d3036; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #3e424b; } + background-color: #3e424c; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { border-color: rgba(45, 48, 54, 0.55); background-color: rgba(56, 60, 69, 0.55); background-image: linear-gradient(to bottom, rgba(56, 60, 69, 0.55)); } - .entry:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #d4403a); } + background-image: linear-gradient(to bottom, #d5403b); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #cc6c38); } + background-image: linear-gradient(to bottom, #cd6c38); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -217,20 +223,20 @@ GtkFlowBox .grid-child { .entry.image:active { color: #5294E2; } .linked.vertical > .entry { - border-bottom-color: #343840; + border-bottom-color: #353841; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294E2; box-shadow: 0 -1px 0 0 #5294E2; } .linked.vertical > .entry:insensitive { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:first-child { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294E2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { - border-bottom-color: #343840; } + border-bottom-color: #353841; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { 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 { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { 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 > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(211, 218, 227, 0.3); border-color: #5294E2; background-color: #3d414b; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(61, 65, 75, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.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, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .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, 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, +.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, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #7eafe9; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #d5e5f8; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #a9caf1; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -799,7 +841,7 @@ GtkComboBox { border-color: #2d3036; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #444852; @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; border-color: #4189df; box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: #5294E2; color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.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); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.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); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343b; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; 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, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { 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; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .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 { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: #1d2024; background-color: rgba(40, 44, 50, 0.9); } - .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 { + .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 { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: #181b1f; @@ -1094,37 +1165,48 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(207, 218, 231, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #373b44); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #32373f); } + background-image: linear-gradient(to bottom, #33373f); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1142,16 +1224,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #92b7e2; } + border-color: #93b7e3; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #858b94; } + color: #868b94; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #D3DAE3; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1179,7 +1261,9 @@ column-header .button { column-header .button:active { color: #D3DAE3; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1250,11 +1334,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #474b54; } + border-bottom: 1px solid #484c55; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #474b54; } + border-top: 1px solid #484c55; } .menu.button:hover, .popup.button:hover { - background-color: #474b54; } + background-color: #484c55; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1279,7 +1363,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1416,7 +1501,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #D3DAE3; } .notebook tab .button { padding: 0; - color: #a0a6b0; } + color: #a1a7b0; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1463,9 +1548,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #383C45; } @@ -1668,7 +1753,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(211, 218, 227, 0.45); } /************ @@ -1695,8 +1784,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #3d414a); - border-color: #4b71a1; } + background-image: linear-gradient(to bottom, #3d414b); + border-color: #4c72a1; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } @@ -1712,14 +1801,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1741,7 +1830,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1791,6 +1880,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1826,7 +1916,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1852,7 +1948,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1892,16 +1988,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1977,6 +2073,7 @@ GtkFileChooserDialog .search-bar { background-color: #444852; border-color: #2d3036; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { border-top: 1px solid #2d3036; } @@ -2179,6 +2276,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2194,13 +2292,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2213,14 +2312,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2252,6 +2350,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2267,13 +2366,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2286,14 +2386,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2325,6 +2424,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2340,13 +2440,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2359,14 +2460,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2412,7 +2512,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2434,6 +2539,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2442,6 +2548,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2450,6 +2557,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2467,6 +2575,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .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%); @@ -2475,6 +2584,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .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%); @@ -2483,6 +2593,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .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%); @@ -2492,7 +2603,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2517,19 +2633,15 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { box-shadow: inset 0 1px #2d3036, inset 0 -1px #2d3036, inset 1px 0 #2d3036, inset -1px 0 #2d3036; } -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { box-shadow: inset 0 1px #24272d, inset 0 -1px #2d3036; } @@ -2546,8 +2658,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2618,11 +2732,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #a0a6b0; } + color: #a1a7b0; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2631,6 +2748,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #D3DAE3; } @@ -2672,9 +2790,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: #181b1f; background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2683,13 +2801,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - 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 { + 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; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2697,12 +2815,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { 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) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2718,14 +2838,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #444852; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2851,7 +2974,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3053,7 +3176,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #32383f); color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, #1f2227); } UnityPanelWidget, @@ -3131,8 +3255,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #444852; @@ -3174,7 +3297,7 @@ GraniteWidgetsWelcome { background-color: #383C45; } GraniteWidgetsWelcome GtkLabel { - color: #8b919a; + color: #8c919b; font: open sans 11; text-shadow: none; } @@ -3307,7 +3430,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3385,13 +3508,16 @@ GtkFileChooserDialog .sidebar, NautilusWindow .sidebar, NemoWindow .sidebar { border-right: 1px solid #2e3138; } + GtkFileChooserDialog .sidebar:dir(rtl), NautilusWindow .sidebar:dir(rtl), NemoWindow .sidebar:dir(rtl) { border-left: 1px solid #2e3138; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3401,27 +3527,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: #454a54; } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3434,15 +3565,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3455,14 +3586,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3475,136 +3606,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #454a54; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3613,21 +3735,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: #454a54; } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #444852; } + GtkFileChooserDialog .dialog-action-box { background-color: #444852; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #23252a; } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3635,8 +3763,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: #2e3138; } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: #24272d; } .gedit-bottom-panel-paned { @@ -3692,9 +3822,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3733,7 +3863,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3750,7 +3880,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3768,7 +3898,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; @define-color insensitive_bg_color #494d58; -@define-color insensitive_fg_color rgba(211, 218, 227, 0.45); +@define-color insensitive_fg_color alpha(#d3dae3, 0.5); @define-color insensitive_base_color #383C45; @define-color theme_unfocused_fg_color #D3DAE3; @define-color theme_unfocused_text_color #D3DAE3; @@ -3780,8 +3910,8 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343b; @define-color wm_bg_unfocused #32383f; @define-color wm_highlight #363c44; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-dark.scss b/common/gtk-3.0/3.14/gtk-contained-solid-dark.scss deleted file mode 100644 index 157292d..0000000 --- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$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.14/gtk-contained-solid-darker.css b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css index 6e604b8..836d203 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { 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:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { 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 { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { 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 > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.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, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .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, 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, +.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, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #32383f; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; border-color: #4189df; box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: #5294E2; color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.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); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.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); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #2f343b; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; 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, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { 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; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .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 { color: rgba(207, 218, 231, 0.8); outline-color: rgba(207, 218, 231, 0.1); border-color: #1d2024; background-color: rgba(40, 44, 50, 0.9); } - .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 { + .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 { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(207, 218, 231, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(207, 218, 231, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(207, 218, 231, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(207, 218, 231, 0.8); border-color: #181b1f; @@ -1094,38 +1165,49 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(207, 218, 231, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(207, 218, 231, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { background-image: linear-gradient(to bottom, #262a30); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #2d3138); - border-color: #3d5a7d; } + border-color: #3d5a7e; } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1143,16 +1225,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1171,7 +1253,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1180,7 +1262,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1227,7 +1311,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1251,11 +1335,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1280,7 +1364,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1313,7 +1398,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1325,7 +1410,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1335,13 +1420,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1365,10 +1450,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1378,10 +1463,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1391,10 +1476,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1404,10 +1489,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1417,7 +1502,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1452,9 +1537,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1464,9 +1549,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1669,7 +1754,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1696,7 +1785,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1713,14 +1802,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1742,7 +1831,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1792,6 +1881,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1814,7 +1904,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1827,7 +1917,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1835,7 +1931,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1853,7 +1949,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1893,16 +1989,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1923,7 +2019,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1976,10 +2072,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2016,7 +2113,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2117,13 +2214,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2180,6 +2277,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2195,13 +2293,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2214,14 +2313,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2253,6 +2351,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2268,13 +2367,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2287,14 +2387,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2326,6 +2425,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2341,13 +2441,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2360,14 +2461,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2413,7 +2513,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2435,6 +2540,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2443,6 +2549,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2451,6 +2558,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2468,6 +2576,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .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%); @@ -2476,6 +2585,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .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%); @@ -2484,6 +2594,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .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%); @@ -2493,7 +2604,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2518,22 +2634,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #1f2227, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #1f2227, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2547,8 +2659,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2583,7 +2697,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(207, 218, 231, 0.8); @@ -2619,11 +2733,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2632,16 +2749,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2651,7 +2769,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2661,7 +2779,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2673,9 +2791,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: #181b1f; background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2684,13 +2802,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.9)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - 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 { + 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; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2698,12 +2816,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(38, 42, 48, 0.55)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { 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) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2719,14 +2839,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2756,7 +2879,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2852,7 +2975,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3054,7 +3177,8 @@ UnityDecoration { border-bottom-width: 0; background-image: linear-gradient(to bottom, #32383f); color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, + UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { background-image: linear-gradient(to bottom, #1f2227); } UnityPanelWidget, @@ -3082,8 +3206,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3095,7 +3219,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3103,7 +3227,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3132,8 +3256,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3175,7 +3298,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3214,7 +3337,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3308,7 +3431,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3383,7 +3506,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3393,27 +3518,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: #3c4049; } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3426,15 +3556,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3447,14 +3577,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3467,136 +3597,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3605,21 +3726,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: #3c4049; } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #2c2f35; } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3627,8 +3754,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: #3c4049; } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: #1f2227; } .gedit-bottom-panel-paned { @@ -3684,9 +3813,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3725,7 +3854,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3742,7 +3871,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3759,21 +3888,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@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 borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@define-color wm_title rgba(207, 218, 231, 0.8); -@define-color wm_unfocused_title alpha(rgba(207, 218, 231, 0.8), 0.7); +@define-color wm_title alpha(#cfdae7, 0.8); +@define-color wm_unfocused_title alpha(#cfdae7, 0.5); @define-color wm_bg #2f343b; @define-color wm_bg_unfocused #32383f; @define-color wm_highlight #363c44; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss b/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss deleted file mode 100644 index 03ba34b..0000000 --- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$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.14/gtk-contained-solid.css b/common/gtk-3.0/3.14/gtk-contained-solid.css index 6147204..3436176 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { 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:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { 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 { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { 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 > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.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, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .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, 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, +.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, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #eff0f2; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: #5294E2; border-color: #4189df; box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: #5294E2; color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.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); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.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); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; 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, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { 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; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .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 { 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.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 { + .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 { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); @@ -1094,37 +1165,48 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { - background-image: linear-gradient(to bottom, #fcfcfd); } + background-image: linear-gradient(to bottom, #fdfdfd); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #f0f1f3); } + background-image: linear-gradient(to bottom, #f1f1f3); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1142,16 +1224,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1170,7 +1252,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1179,7 +1261,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1226,7 +1310,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1250,11 +1334,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1279,7 +1363,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1312,7 +1397,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1324,7 +1409,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1334,13 +1419,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1364,10 +1449,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1377,10 +1462,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1390,10 +1475,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1403,10 +1488,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1416,7 +1501,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1451,9 +1536,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1463,9 +1548,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1668,7 +1753,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1695,7 +1784,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1712,14 +1801,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1741,7 +1830,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1791,6 +1880,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1813,7 +1903,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1826,7 +1916,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1834,7 +1930,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1852,7 +1948,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1892,16 +1988,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1922,7 +2018,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1975,10 +2071,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2015,7 +2112,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2116,13 +2213,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2179,6 +2276,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2194,13 +2292,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2213,14 +2312,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2252,6 +2350,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2267,13 +2366,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2286,14 +2386,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2325,6 +2424,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2340,13 +2440,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2359,14 +2460,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2412,7 +2512,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2434,6 +2539,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2442,6 +2548,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2450,6 +2557,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2467,6 +2575,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .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%); @@ -2475,6 +2584,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .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%); @@ -2483,6 +2593,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .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%); @@ -2492,7 +2603,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2517,22 +2633,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2546,8 +2658,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2582,7 +2696,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(82, 93, 118, 0.8); @@ -2618,11 +2732,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2631,16 +2748,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2650,7 +2768,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2660,7 +2778,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2672,9 +2790,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2683,13 +2801,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - 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 { + 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; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2697,12 +2815,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { 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) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2718,14 +2838,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2755,7 +2878,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2851,7 +2974,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3053,7 +3176,8 @@ UnityDecoration { border-bottom-width: 0; 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 { + 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, @@ -3081,8 +3205,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3094,7 +3218,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3102,7 +3226,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3131,8 +3255,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3174,7 +3297,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3213,7 +3336,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3307,7 +3430,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3382,7 +3505,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3392,27 +3517,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: #3c4049; } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3425,15 +3555,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3446,14 +3576,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3466,136 +3596,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3604,21 +3725,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: #3c4049; } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: #2c2f35; } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3626,8 +3753,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: #3c4049; } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: #d4d5db; } .gedit-bottom-panel-paned { @@ -3683,9 +3812,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3724,7 +3853,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3741,7 +3870,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3758,21 +3887,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@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 borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@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_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; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.scss b/common/gtk-3.0/3.14/gtk-contained-solid.scss deleted file mode 100644 index 347cf2c..0000000 --- a/common/gtk-3.0/3.14/gtk-contained-solid.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$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.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css index ae853f7..b245b74 100644 --- a/common/gtk-3.0/3.14/gtk-contained.css +++ b/common/gtk-3.0/3.14/gtk-contained.css @@ -54,7 +54,7 @@ background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fbfbfb; + background-color: #fbfbfc; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -75,6 +75,7 @@ GtkLabel.separator, .popover GtkLabel.separator, GtkPlacesSidebar.sidebar GtkLabel.view.separator { color: #5c616c; } + GtkLabel:insensitive { color: rgba(92, 97, 108, 0.55); } @@ -83,21 +84,24 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } + border-right: 1px solid #dbdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; } + GtkAssistant.csd .sidebar { border-top-style: none; } + GtkAssistant .sidebar GtkLabel { padding: 6px 12px; } + GtkAssistant .sidebar GtkLabel.highlight { background-color: #5294E2; color: #ffffff; } GtkTextView { - background-color: #fafafb; } + background-color: #fafbfb; } GtkFlowBox .grid-child { padding: 3px; @@ -120,6 +124,7 @@ GtkFlowBox .grid-child { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } + .spinner { background-image: none; background-color: blue; @@ -167,7 +172,8 @@ GtkFlowBox .grid-child { 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:selected, .entry:selected:focus { + .entry:selected, + .entry:selected:focus { background-color: #5294E2; color: #ffffff; } .entry.progressbar { @@ -193,7 +199,7 @@ GtkFlowBox .grid-child { .entry.error { color: white; border-color: #FC4138; - background-image: linear-gradient(to bottom, #fc665f); } + background-image: linear-gradient(to bottom, #fd6760); } .entry.error:focus { background-image: linear-gradient(to bottom, #FC4138); color: white; } @@ -203,7 +209,7 @@ GtkFlowBox .grid-child { .entry.warning { color: white; border-color: #F27835; - background-image: linear-gradient(to bottom, #f4935d); } + background-image: linear-gradient(to bottom, #f5935d); } .entry.warning:focus { background-image: linear-gradient(to bottom, #F27835); color: white; } @@ -211,7 +217,7 @@ GtkFlowBox .grid-child { background-color: white; color: #F27835; } .entry.image { - color: #7c8089; } + color: #7d8189; } .entry.image:hover { color: #5c616c; } .entry.image:active { @@ -248,7 +254,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -260,6 +266,7 @@ GtkFlowBox .grid-child { 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 { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; @@ -338,7 +345,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .button.osd:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button { @@ -376,7 +383,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .osd .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } .osd .button.flat { @@ -390,7 +397,7 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } .osd .button.flat:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); background-image: none; } @@ -496,16 +503,21 @@ GtkFlowBox .grid-child { padding: 6px 10px; } .stack-switcher > .button.image-button { padding: 1px 3px; } - .stack-switcher > .button.needs-attention:active > GtkLabel, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > GtkLabel, .stack-switcher > .button.needs-attention:checked > GtkImage { + .stack-switcher > .button.needs-attention:active > GtkLabel, + .stack-switcher > .button.needs-attention:active > GtkImage, + .stack-switcher > .button.needs-attention:checked > GtkLabel, + .stack-switcher > .button.needs-attention:checked > GtkImage { animation: none; background-image: none; } - .stack-switcher > .button.needs-attention > GtkLabel, .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { + .stack-switcher > .button.needs-attention > GtkLabel, + .stack-switcher > .button.needs-attention > GtkImage, .button .sidebar-item.needs-attention > GtkLabel { 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 > GtkLabel:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { + .stack-switcher > .button.needs-attention > GtkLabel:dir(rtl), + .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .button .sidebar-item.needs-attention > GtkLabel:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar .button, .inline-toolbar .button:backdrop { border-radius: 2px; @@ -521,7 +533,8 @@ GtkFlowBox .grid-child { outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; background-color: #fbfbfc; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, + .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -532,90 +545,118 @@ GtkFlowBox .grid-child { background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, + .inline-toolbar GtkToolButton > .button:insensitive:checked { color: rgba(255, 255, 255, 0.55); border-color: rgba(82, 148, 226, 0.55); background-color: rgba(82, 148, 226, 0.55); opacity: 0.6; } - .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { + .inline-toolbar GtkToolButton > .button:insensitive:active > GtkLabel, + .inline-toolbar GtkToolButton > .button:insensitive:checked > GtkLabel { color: inherit; } -.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, NemoWindow .primary-toolbar NemoPathBar.linked > .button, .linked > GtkComboBox > .button:dir(ltr) { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover, .linked > GtkComboBox > .button:hover:dir(ltr) { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child { +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:first-child:hover { + .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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:hover { + .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, 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), NemoWindow .primary-toolbar NemoPathBar.linked > .button:last-child:dir(rtl) { + .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), 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child { + +.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, 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, NemoWindow .primary-toolbar NemoPathBar.linked > .button:only-child:hover { + .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, 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, +.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, .linked.vertical > GtkComboBox > .button { border-style: solid; border-bottom-style: none; border-top-style: none; border-radius: 0; } - .linked.vertical > .entry:hover, .linked.vertical > .button:hover, .linked.vertical > GtkComboBoxText > .button:hover, + .linked.vertical > .entry:hover, .linked.vertical > .button:hover, + .linked.vertical > GtkComboBoxText > .button:hover, .linked.vertical > GtkComboBox > .button:hover { box-shadow: inset 0 1px #5294E2, inset 0 -1px #5294E2; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, +.linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-radius: 3px 3px 0 0; border-top-style: solid; } - .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, .linked.vertical > GtkComboBoxText:first-child > .button:hover, + .linked.vertical > .entry:first-child:hover, .linked.vertical > .button:first-child:hover, + .linked.vertical > GtkComboBoxText:first-child > .button:hover, .linked.vertical > GtkComboBox:first-child > .button:hover { box-shadow: inset 0 -1px #5294E2; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, + +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, +.linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; border-bottom-style: solid; } - .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, .linked.vertical > GtkComboBoxText:last-child > .button:hover, + .linked.vertical > .entry:last-child:hover, .linked.vertical > .button:last-child:hover, + .linked.vertical > GtkComboBoxText:last-child > .button:hover, .linked.vertical > GtkComboBox:last-child > .button:hover { box-shadow: inset 0 1px #5294E2; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, + +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, +.linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } - .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, .linked.vertical > GtkComboBoxText:only-child > .button:hover, + .linked.vertical > .entry:only-child:hover, .linked.vertical > .button:only-child:hover, + .linked.vertical > GtkComboBoxText:only-child > .button:hover, .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } @@ -633,7 +674,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #edeef0; } + background-color: #edeff0; } /********* * Links * @@ -643,17 +684,18 @@ GtkFlowBox .grid-child { *:link:visited, .button:visited { color: #1e61b0; } *:selected *:link:visited, *:selected .button:visited { - color: #b9d4f3; } + color: #bad4f3; } *:link:hover, .button:hover:link, .button:hover:visited { color: #5294e2; } *:selected *:link:hover, *:selected .button:hover:link, *:selected .button:hover:visited { - color: #edf4fc; } + color: #eef4fc; } *:link:active, .button:active:link, .button:active:visited { color: #2679db; } *:selected *:link:active, *:selected .button:active:link, *:selected .button:active:visited { - color: #dce9f9; } - *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #dce9f9; } + color: #dceaf9; } + *:link:selected, .button:selected:link, .button:selected:visited, .header-bar.selection-mode .subtitle:link, + .header-bar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { + color: #dceaf9; } /***************** * GtkSpinButton * @@ -662,9 +704,9 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); + border: 1px solid rgba(219, 223, 227, 0.6); border-style: none none none solid; - color: #646873; + color: #646973; border-radius: 0; box-shadow: none; } .spinbutton .button:dir(rtl) { @@ -794,22 +836,22 @@ GtkComboBox { background-color: #eff0f2; } .inline-toolbar { - background-color: #eceef0; + background-color: #edeef0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 1px 1px; padding: 3px; - border-radius: 0 0 3px 3px; } + border-radius: 0 0 3px 3px; } .search-bar { background-color: #F5F6F7; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #eceef0; } + background-color: #edeef0; } /*************** * Header bars * @@ -834,54 +876,69 @@ GtkComboBox { .header-bar .subtitle { font-size: smaller; padding: 0 12px; } - .header-bar.selection-mode, .header-bar.titlebar.selection-mode { + .header-bar.selection-mode, + .header-bar.titlebar.selection-mode { color: #ffffff; background-color: rgba(82, 148, 226, 0.95); border-color: rgba(65, 137, 223, 0.95); box-shadow: none; } - .header-bar.selection-mode:backdrop, .header-bar.titlebar.selection-mode:backdrop { + .header-bar.selection-mode:backdrop, + .header-bar.titlebar.selection-mode:backdrop { background-color: rgba(82, 148, 226, 0.95); color: rgba(255, 255, 255, 0.6); } - .header-bar.selection-mode .button, .header-bar.titlebar.selection-mode .button { + .header-bar.selection-mode .button, + .header-bar.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); } - .header-bar.selection-mode .button.flat, .header-bar.titlebar.selection-mode .button.flat { + .header-bar.selection-mode .button.flat, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:hover { + .header-bar.selection-mode .button:hover, + .header-bar.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); } - .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked, .header-bar.titlebar.selection-mode .button:active, .header-bar.titlebar.selection-mode .button:checked { + .header-bar.selection-mode .button:active, + .header-bar.selection-mode .button:checked, + .header-bar.titlebar.selection-mode .button:active, .header-bar.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; } - .header-bar.selection-mode .button:insensitive, .header-bar.titlebar.selection-mode .button:insensitive { + .header-bar.selection-mode .button:insensitive, + .header-bar.titlebar.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, .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { + .header-bar.selection-mode .button:insensitive:active, + .header-bar.selection-mode .button:insensitive:checked, + .header-bar.titlebar.selection-mode .button:insensitive:active, .header-bar.titlebar.selection-mode .button:insensitive:checked { color: rgba(82, 148, 226, 0.35); background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); } - .header-bar.selection-mode .selection-menu, .header-bar.titlebar.selection-mode .selection-menu { + .header-bar.selection-mode .selection-menu, + .header-bar.titlebar.selection-mode .selection-menu { box-shadow: none; padding-left: 10px; padding-right: 10px; } - .header-bar.selection-mode .selection-menu GtkArrow, .header-bar.titlebar.selection-mode .selection-menu GtkArrow { + .header-bar.selection-mode .selection-menu GtkArrow, + .header-bar.titlebar.selection-mode .selection-menu GtkArrow { -GtkArrow-arrow-scaling: 1; } - .header-bar.selection-mode .selection-menu .arrow, .header-bar.titlebar.selection-mode .selection-menu .arrow { + .header-bar.selection-mode .selection-menu .arrow, + .header-bar.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - .maximized .header-bar.selection-mode, .maximized .header-bar.titlebar.selection-mode { + .maximized .header-bar.selection-mode, + .maximized .header-bar.titlebar.selection-mode { background-color: #5294e2; } - .tiled .header-bar, .tiled .header-bar:backdrop, .maximized .header-bar, .maximized .header-bar:backdrop { + .tiled .header-bar, .tiled .header-bar:backdrop, + .maximized .header-bar, .maximized .header-bar:backdrop { border-radius: 0; } .maximized .header-bar { background-color: #e7e8eb; } @@ -911,12 +968,14 @@ GtkComboBox { .titlebar .titlebar:backdrop { background-color: transparent; } -.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, .header-bar > GtkBox > .separator.vertical { +.primary-toolbar .separator, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator, .header-bar .header-bar-separator, +.header-bar > GtkBox > .separator.vertical, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator { -GtkWidget-wide-separators: true; -GtkWidget-separator-width: 1px; 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, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, .header-bar > GtkBox > .separator.vertical:backdrop { + .primary-toolbar .separator:backdrop, .primary-toolbar GtkPlacesSidebar.sidebar .view.separator:backdrop, GtkPlacesSidebar.sidebar .primary-toolbar .view.separator:backdrop, .header-bar .header-bar-separator:backdrop, + .header-bar > GtkBox > .separator.vertical:backdrop, GtkPlacesSidebar.sidebar .header-bar > GtkBox > .vertical.view.separator:backdrop { opacity: 0.6; } .primary-toolbar .entry, .header-bar .entry { @@ -944,6 +1003,7 @@ GtkComboBox { border-color: #5294E2; background-image: none; background-color: transparent; } + .primary-toolbar .button, .header-bar .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); @@ -972,31 +1032,35 @@ GtkComboBox { 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; } + .primary-toolbar .linked > .button:hover, .header-bar .linked > .button:hover { box-shadow: none; } -.primary-toolbar .linked.stack-switcher > .button, .header-bar .linked.stack-switcher > .button, -.primary-toolbar .linked.path-bar > .button, -.header-bar .linked.path-bar > .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 { 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.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 { + .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 { border-color: #5294E2; } - .primary-toolbar .linked.stack-switcher > .button:active, .header-bar .linked.stack-switcher > .button:active, .primary-toolbar .linked.stack-switcher > .button:checked, .header-bar .linked.stack-switcher > .button:checked, - .primary-toolbar .linked.path-bar > .button:active, - .header-bar .linked.path-bar > .button:active, - .primary-toolbar .linked.path-bar > .button:checked, - .header-bar .linked.path-bar > .button:checked { + .primary-toolbar .linked.stack-switcher > .button:active, + .header-bar .linked.stack-switcher > .button:active, + .primary-toolbar .linked.stack-switcher > .button:checked, + .header-bar .linked.stack-switcher > .button:checked, + .primary-toolbar .linked.path-bar > .button:active, .header-bar .linked.path-bar > .button:active, .primary-toolbar .linked.path-bar > .button:checked, .header-bar .linked.path-bar > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action { background-clip: border-box; color: #ffffff; @@ -1028,10 +1092,12 @@ GtkComboBox { color: rgba(77, 173, 212, 0.65); } .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop, + .primary-toolbar .button.suggested-action:backdrop, -.header-bar .button.suggested-action:backdrop { +.header-bar .button.suggested-action:backdrop, +.primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop { opacity: 0.8; } + .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action { background-clip: border-box; color: #ffffff; @@ -1063,12 +1129,15 @@ GtkComboBox { color: rgba(240, 74, 80, 0.65); } .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive { opacity: 0.75; } -.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop, + .primary-toolbar .button.destructive-action:backdrop, -.header-bar .button.destructive-action:backdrop { +.header-bar .button.destructive-action:backdrop, +.primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop { opacity: 0.8; } + .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { color: #ffffff; } + .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { color: rgba(82, 93, 118, 0.8); } .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { @@ -1078,8 +1147,10 @@ GtkComboBox { color: rgba(82, 93, 118, 0.5); } .primary-toolbar .spinbutton .button:active, .header-bar .spinbutton .button:active { background-color: rgba(0, 0, 0, 0.1); } + .primary-toolbar GtkComboBox:insensitive, .header-bar GtkComboBox:insensitive { color: rgba(82, 93, 118, 0.2); } + .primary-toolbar GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); @@ -1094,37 +1165,48 @@ GtkComboBox { .primary-toolbar GtkComboBox.combobox-entry .button:insensitive, .header-bar GtkComboBox.combobox-entry .button:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + .primary-toolbar GtkSwitch:backdrop, .header-bar GtkSwitch:backdrop { opacity: 0.75; } + .primary-toolbar GtkProgressBar.trough, .header-bar GtkProgressBar.trough, .primary-toolbar .level-bar.trough, .header-bar .level-bar.trough { background-color: rgba(82, 93, 118, 0.15); } + .primary-toolbar GtkProgressBar:backdrop, .header-bar GtkProgressBar:backdrop { opacity: 0.75; } + .primary-toolbar .scale:backdrop, .header-bar .scale:backdrop { opacity: 0.75; } + .primary-toolbar .scale.trough, .header-bar .scale.trough { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } .primary-toolbar .scale.trough:insensitive, .header-bar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } + .primary-toolbar .scale.slider, .header-bar .scale.slider { - background-image: linear-gradient(to bottom, rgba(252, 252, 253, 0.995)); } + background-image: linear-gradient(to bottom, rgba(253, 253, 253, 0.995)); } .primary-toolbar .scale.slider:insensitive, .header-bar .scale.slider:insensitive { - background-image: linear-gradient(to bottom, rgba(241, 241, 243, 0.97)); } + background-image: linear-gradient(to bottom, rgba(241, 242, 243, 0.97)); } /************ * Pathbars * ************/ .path-bar .button:first-child { padding-left: 8px; } + .path-bar .button:last-child { padding-right: 8px; } + .path-bar .button:only-child { padding-left: 12px; padding-right: 12px; } + .path-bar .button GtkLabel:last-child { padding-left: 2px; } + .path-bar .button GtkLabel:first-child { padding-right: 2px; } + .path-bar .button GtkLabel:only-child { padding-right: 0; padding-left: 0; } @@ -1142,16 +1224,16 @@ GtkTreeView.view { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #577aa7; } + border-color: #577ba7; } GtkTreeView.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #adb0b5; } + color: #aeb0b6; } GtkTreeView.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } GtkTreeView.view.expander:hover { color: #5c616c; } GtkTreeView.view.expander:selected { - color: #cbdef6; } + color: #cbdff6; } GtkTreeView.view.expander:selected:hover { color: #ffffff; } GtkTreeView.view.expander:checked { @@ -1170,7 +1252,7 @@ GtkTreeView.view { border-width: 0; } column-header .button { - color: #7c8089; + color: #7d8189; background-color: #ffffff; } column-header .button:hover { color: #5294E2; @@ -1179,7 +1261,9 @@ column-header .button { column-header .button:active { color: #5c616c; transition: none; } -column-header:last-child .button, column-header:last-child.button { + +column-header:last-child .button, +column-header:last-child.button { border-right-style: none; border-image: none; } @@ -1226,7 +1310,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1250,11 +1334,11 @@ column-header .button, column-header .button:hover, column-header .button:active border-style: none; border-radius: 0; } .menu.button.top, .popup.button.top { - border-bottom: 1px solid #eeeff0; } + border-bottom: 1px solid #efeff0; } .menu.button.bottom, .popup.button.bottom { - border-top: 1px solid #eeeff0; } + border-top: 1px solid #efeff0; } .menu.button:hover, .popup.button:hover { - background-color: #eeeff0; } + background-color: #efeff0; } .menu.button:insensitive, .popup.button:insensitive { color: transparent; background-color: transparent; @@ -1279,7 +1363,8 @@ column-header .button, column-header .button:hover, column-header .button:active .popover > .list, .popover > .view, .popover > .toolbar, - .popover > .inline-toolbar, .popover.osd > .toolbar, .popover.osd > .inline-toolbar { + .popover > .inline-toolbar, + .popover.osd > .toolbar, .popover.osd > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1312,7 +1397,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dcdfe3; } + border: 1px solid #dbdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1324,7 +1409,7 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header { background-color: #F5F6F7; } .notebook.header.frame { - border: 0px solid #dcdfe3; } + border: 0px solid #dbdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1334,13 +1419,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #dcdfe3; } + box-shadow: inset 0 -1px #dbdfe3; } .notebook.header.bottom { - box-shadow: inset 0 1px #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3; } .notebook.header.right { - box-shadow: inset 1px 0 #dcdfe3; } + box-shadow: inset 1px 0 #dbdfe3; } .notebook.header.left { - box-shadow: inset -1px 0 #dcdfe3; } + box-shadow: inset -1px 0 #dbdfe3; } .notebook tab { border-width: 0; border-style: solid; @@ -1364,10 +1449,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #ffffff, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { padding-bottom: 6px; border-radius: 0 0 2px 3.5px; @@ -1377,10 +1462,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right, .notebook tab.right { padding-right: 17px; border-radius: 0 3.5px 3.5px 0; @@ -1390,10 +1475,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #ffffff, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left, .notebook tab.left { padding-left: 17px; border-radius: 3.5px 0 0 3.5px; @@ -1403,10 +1488,10 @@ column-header .button, column-header .button:hover, column-header .button:active background-color: rgba(255, 255, 255, 0); } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #ffffff; } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1416,7 +1501,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #91959c; } + color: #92959d; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1451,9 +1536,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #b7babf; } + background-color: #b8babf; } .scrollbar.slider:hover { - background-color: #898d95; } + background-color: #8a8e96; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1463,9 +1548,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider:insensitive { background-color: transparent; } -.scrollbars-junction, .scrollbar.trough, -.scrollbars-junction.frame, -.frame.scrollbar.trough { +.scrollbars-junction, +.scrollbar.trough, +.scrollbars-junction.frame, .frame.scrollbar.trough { border-color: transparent; background-color: #ffffff; } @@ -1668,7 +1753,11 @@ GtkFlowBox.view.check:checked { GtkCheckButton.text-button, GtkRadioButton.text-button { padding: 1px 2px 4px; outline-offset: 0; } - GtkCheckButton.text-button:insensitive, GtkCheckButton.text-button:insensitive:active, GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, GtkRadioButton.text-button:insensitive:active, GtkRadioButton.text-button:insensitive:inconsistent { + GtkCheckButton.text-button:insensitive, + GtkCheckButton.text-button:insensitive:active, + GtkCheckButton.text-button:insensitive:inconsistent, GtkRadioButton.text-button:insensitive, + GtkRadioButton.text-button:insensitive:active, + GtkRadioButton.text-button:insensitive:inconsistent { color: rgba(92, 97, 108, 0.55); } /************ @@ -1695,7 +1784,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fafafb); + background-image: linear-gradient(to bottom, #fbfbfb); border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); @@ -1712,14 +1801,14 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } .list-row:selected .scale.slider:hover { - background-image: linear-gradient(to bottom, #e5eefa); - border-color: #e5eefa; } + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } .list-row:selected .scale.slider:active { - background-image: linear-gradient(to bottom, #a8c9f0); - border-color: #a8c9f0; } + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } .list-row:selected .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); - border-color: #b1cef1; } + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } .scale.trough { border: none; border-radius: 2.5px; @@ -1741,7 +1830,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .list-row:selected .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } .list-row:selected .scale.trough.highlight:insensitive { - background-image: linear-gradient(to bottom, #b1cef1); } + background-image: linear-gradient(to bottom, #b1cff2); } .list-row:selected .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } @@ -1791,6 +1880,7 @@ GtkLevelBar.vertical { .level-bar.trough { padding: 3px; border-radius: 4px; } + .level-bar.fill-block { border: 1px solid #5294E2; background-color: #5294E2; @@ -1813,7 +1903,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1826,7 +1916,13 @@ GtkScrolledWindow GtkViewport.frame { .separator, GtkPlacesSidebar.sidebar .view.separator { color: rgba(0, 0, 0, 0.1); } - GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { + GtkFileChooserButton .separator, + GtkFileChooserButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .view.separator, GtkFontButton .separator, + GtkFontButton GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFontButton .view.separator, GtkFileChooserButton .separator.vertical, + GtkFileChooserButton GtkPlacesSidebar.sidebar .vertical.view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserButton .vertical.view.separator, GtkFontButton .separator.vertical, GtkFontButton GtkPlacesSidebar.sidebar .vertical.view.separator, GtkPlacesSidebar.sidebar GtkFontButton .vertical.view.separator { -GtkWidget-wide-separators: true; } /********* @@ -1834,7 +1930,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dcdfe3; } + border-color: #dbdfe3; } .list-row, .grid-child { @@ -1852,7 +1948,7 @@ GtkScrolledWindow GtkViewport.frame { .list-row.button:selected:active { color: #ffffff; } .list-row.button:selected:hover { - background-color: #4985cb; } + background-color: #4a85cb; } .list-row.button:selected:insensitive { color: rgba(255, 255, 255, 0.7); background-color: rgba(82, 148, 226, 0.7); } @@ -1892,16 +1988,16 @@ GtkScrolledWindow GtkViewport.frame { outline-color: rgba(168, 173, 181, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } - .app-notification .button:active, .app-notification .button:checked, - .app-notification.frame .button:active, - .app-notification.frame .button:checked { + .app-notification .button:active, + .app-notification .button:checked, + .app-notification.frame .button:active, .app-notification.frame .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .app-notification .button:insensitive, .app-notification.frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -1922,7 +2018,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1975,10 +2071,11 @@ GtkCalendar { GtkFileChooserDialog .search-bar { background-color: #F5F6F7; - border-color: #dcdfe3; + border-color: #dbdfe3; box-shadow: none; } + GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dcdfe3; } + border-top: 1px solid #dbdfe3; } /*********** * Sidebar * @@ -2015,7 +2112,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dcdfe3); } + background-image: linear-gradient(to bottom, #dbdfe3); } /************** * GtkInfoBar * @@ -2116,13 +2213,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #e8eaed; - background-color: #e8eaed; + border-color: #e8ebed; + background-color: #e8ebed; color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dcdfe3; - background-color: #dcdfe3; } + border-color: #dbdfe3; + background-color: #dbdfe3; } GtkColorButton.button { padding: 4px; } @@ -2179,6 +2276,7 @@ GtkVolumeButton.button { .header-bar .button.titlebutton:backdrop, .titlebar .button.titlebutton:backdrop, .header-bar.selection-mode .button.titlebutton:backdrop, .titlebar.selection-mode .button.titlebutton:backdrop { opacity: 1; } + .header-bar .right .button.titlebutton:nth-last-child(3), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3), .header-bar .left .button.titlebutton:nth-child(3), @@ -2194,13 +2292,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3) { background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(3):hover, .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(3):hover, + .header-bar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(3):hover, .header-bar .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(3):hover, + .titlebar .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(3):hover, @@ -2213,14 +2312,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(3):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(3):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(3):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(3):active:hover, @@ -2252,6 +2350,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(3):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(3):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + .header-bar .right .button.titlebutton:nth-last-child(2), .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2), .header-bar .left .button.titlebutton:nth-child(2), @@ -2267,13 +2366,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2), .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2) { background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } - .header-bar .right .button.titlebutton:nth-last-child(2):hover, .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .right .button.titlebutton:nth-last-child(2):hover, + .header-bar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar .left .button.titlebutton:nth-child(2):hover, .header-bar .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right .button.titlebutton:nth-last-child(2):hover, + .titlebar .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar .left .button.titlebutton:nth-child(2):hover, @@ -2286,14 +2386,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):hover, .header-bar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):hover, + .titlebar.selection-mode .right .button.titlebutton:nth-last-child(2):backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:nth-child(2):backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):hover, .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } .header-bar .right .button.titlebutton:nth-last-child(2):active:hover, .header-bar .right:dir(rtl) .button.titlebutton:nth-child(2):active:hover, @@ -2325,6 +2424,7 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:nth-child(2):backdrop, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:nth-last-child(2):backdrop { background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + .header-bar .right .button.titlebutton:last-child, .header-bar .right:dir(rtl) .button.titlebutton:first-child, .header-bar .left .button.titlebutton:first-child, @@ -2340,13 +2440,14 @@ GtkVolumeButton.button { .titlebar.selection-mode .left .button.titlebutton:first-child, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child { background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } - .header-bar .right .button.titlebutton:last-child:hover, .header-bar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .right .button.titlebutton:last-child:hover, + .header-bar .right .button.titlebutton:last-child:backdrop:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar .left .button.titlebutton:first-child:hover, .header-bar .left .button.titlebutton:first-child:backdrop:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, .titlebar .right .button.titlebutton:last-child:backdrop:hover, + .header-bar .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar .right .button.titlebutton:last-child:hover, + .titlebar .right .button.titlebutton:last-child:backdrop:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar .left .button.titlebutton:first-child:hover, @@ -2359,14 +2460,13 @@ GtkVolumeButton.button { .header-bar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:hover, .header-bar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, + .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .header-bar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right .button.titlebutton:last-child:hover, + .titlebar.selection-mode .right .button.titlebutton:last-child:backdrop:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:hover, .titlebar.selection-mode .right:dir(rtl) .button.titlebutton:first-child:backdrop:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:hover, .titlebar.selection-mode .left .button.titlebutton:first-child:backdrop:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, - .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { + .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:hover, .titlebar.selection-mode .left:dir(rtl) .button.titlebutton:last-child:backdrop:hover { background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } .header-bar .right .button.titlebutton:last-child:active:hover, .header-bar .right:dir(rtl) .button.titlebutton:first-child:active:hover, @@ -2412,7 +2512,12 @@ GtkVolumeButton.button { background-color: transparent; background-image: none; } -.view:selected, .view:selected:focus, .view:selected:hover, GtkLabel:selected, GtkLabel:selected:focus, GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { +.view:selected, +.view:selected:focus, +.view:selected:hover, GtkLabel:selected, +GtkLabel:selected:focus, +GtkLabel:selected:hover, GtkFlowBox .grid-child:selected, .menuitem.button.flat:selected, .menuitem.button.flat:checked, .menuitem.button.flat:active, .list-row:selected, GtkEntry.gb-command-bar-entry.entry.flat:selected, +GtkEntry.gb-command-bar-entry.entry.flat:selected:focus { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2434,6 +2539,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; @@ -2442,6 +2548,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2450,6 +2557,7 @@ GtkVolumeButton.button { background-color: transparent; border: none; box-shadow: none; } + .overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; @@ -2467,6 +2575,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center top; } + .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%); @@ -2475,6 +2584,7 @@ GtkVolumeButton.button { background-repeat: repeat-x; background-origin: content-box; background-position: center bottom; } + .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%); @@ -2483,6 +2593,7 @@ GtkVolumeButton.button { background-repeat: repeat-y; background-origin: content-box; background-position: left center; } + .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%); @@ -2492,7 +2603,12 @@ GtkVolumeButton.button { background-origin: content-box; background-position: right center; } -GeditNotebook.notebook tab.reorderable-page.top:active, GeditNotebook.notebook tab.reorderable-page.top.active-page, GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, GeditNotebook.notebook tab.top:active, GeditNotebook.notebook tab.top.active-page, GeditNotebook.notebook tab.top.active-page:hover, +GeditNotebook.notebook tab.reorderable-page.top:active, +GeditNotebook.notebook tab.reorderable-page.top.active-page, +GeditNotebook.notebook tab.reorderable-page.top.active-page:hover, +GeditNotebook.notebook tab.top:active, +GeditNotebook.notebook tab.top.active-page, +GeditNotebook.notebook tab.top.active-page:hover, ScratchMainWindow .notebook tab.reorderable-page.top:active, ScratchMainWindow .notebook tab.reorderable-page.top.active-page, ScratchMainWindow .notebook tab.reorderable-page.top.active-page:hover, @@ -2517,22 +2633,18 @@ TerminalWindow .notebook tab.reorderable-page.top.active-page:hover, TerminalWindow .notebook tab.top:active, TerminalWindow .notebook tab.top.active-page, TerminalWindow .notebook tab.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, -PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, -PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook tab.reorderable-page.top, TerminalWindow .notebook tab.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, -PantheonTerminalPantheonTerminalWindow .notebook tab.top { +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top.active-page:hover, PantheonTerminalPantheonTerminalWindow .notebook tab.top:active, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page, PantheonTerminalPantheonTerminalWindow .notebook tab.top.active-page:hover { + box-shadow: inset 0 1px #dbdfe3, inset 0 -1px #dbdfe3, inset 1px 0 #dbdfe3, inset -1px 0 #dbdfe3; } + +TerminalWindow .notebook tab.reorderable-page.top, +TerminalWindow .notebook tab.top, +PantheonTerminalPantheonTerminalWindow .notebook tab.reorderable-page.top, PantheonTerminalPantheonTerminalWindow .notebook tab.top { padding-top: 7px; border-top-width: 3px; } + TerminalWindow .notebook.header.top, PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dbdfe3; } GtkHTML { background-color: #ffffff; @@ -2546,8 +2658,10 @@ SushiFontWidget { TerminalWindow .background { background-color: transparent; } + TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } + TerminalWindow .scrollbar.trough { border-width: 0; } @@ -2582,7 +2696,7 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dcdfe3; } + color: #dbdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(82, 93, 118, 0.8); @@ -2618,11 +2732,14 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { padding: 4px; } .gedit-document-panel .list-row .button GtkImage { color: inherit; } + .gedit-document-panel .prelight-row .button { - color: #91959c; } + color: #92959d; } + .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } + .gedit-document-panel .prelight-row:selected .button:hover { color: #ff6666; background-image: none; @@ -2631,16 +2748,17 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { box-shadow: none; } .gedit-document-panel .prelight-row:selected .button:hover:active { color: #ffffff; } + .gedit-document-panel .prelight-row .button:active { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; + border: 1px solid #dbdfe3; background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dcdfe3; + border-top: 1px solid #dbdfe3; background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, @@ -2650,7 +2768,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2660,7 +2778,7 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { background-color: #fbfbfc; padding: 6px; - border-color: #dcdfe3; + border-color: #dbdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2672,9 +2790,9 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr).image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl).image:hover { color: inherit; } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { @@ -2683,13 +2801,13 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; border-color: #5294E2; } - GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, - GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image, + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover.image:hover, + GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover.image:hover { color: inherit; } - 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 { + 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; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } @@ -2697,12 +2815,14 @@ GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr) { 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) { border-right-style: none; border-radius: 14.5px 0 0 14.5px; @@ -2718,14 +2838,17 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } + .preferences.sidebar GtkListBox { background-color: #F5F6F7; } + .preferences.sidebar GtkListBoxRow { padding: 10px; } GbPreferencesPageLanguage GtkSearchEntry { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + GbPreferencesPageLanguage GtkScrolledWindow { border-top-width: 0; } @@ -2755,7 +2878,7 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } GbViewStack.focused GtkBox.header.notebook { background-color: #F5F6F7; } @@ -2851,7 +2974,7 @@ PanelApplet:hover:active { color: #5294E2; } WnckPager { - color: #54565a; } + color: #54575b; } WnckPager:selected { color: #5294E2; } @@ -3053,7 +3176,8 @@ UnityDecoration { border-bottom-width: 0; 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 { + 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, @@ -3081,8 +3205,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } + border-left: 1px solid #dbdfe3; + border-right: 1px solid #dbdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -3094,7 +3218,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dcdfe3; } + border-bottom: 1px solid #dbdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -3102,7 +3226,7 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dcdfe3; + border-color: #dbdfe3; background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -3131,8 +3255,7 @@ GraniteWidgetsStaticNotebook .frame { background-color: #5294E2; } .source-list .scrollbar.trough, -.source-list .scrollbars-junction, -.source-list .scrollbar.trough { +.source-list .scrollbars-junction, .source-list .scrollbar.trough { border-image: none; border-color: transparent; background-color: #F5F6F7; @@ -3174,7 +3297,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #a8abb1; + color: #a9acb2; font: open sans 11; text-shadow: none; } @@ -3213,7 +3336,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #898d95; + color: #8a8e96; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3307,7 +3430,7 @@ GtkListBox .h4 { border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } #buttonbox_frame .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3382,7 +3505,9 @@ NemoWindow { -GtkPaned-handle-size: 0; } GtkFileChooserDialog.csd.background, -GtkFileChooserDialog .source-list, GtkFileChooserDialog .source-list.view, GtkFileChooserDialog .source-list.view:prelight, +GtkFileChooserDialog .source-list, +GtkFileChooserDialog .source-list.view, +GtkFileChooserDialog .source-list.view:prelight, NautilusWindow.csd.background, NautilusWindow .source-list, NautilusWindow .source-list.view, @@ -3392,27 +3517,32 @@ NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:prelight, MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:prelight { +MarlinViewWindow .source-list, MarlinViewWindow .source-list.view, MarlinViewWindow .source-list.view:prelight { background-color: transparent; } + GtkFileChooserDialog GtkBox.sidebar, NautilusWindow GtkBox.sidebar, NemoWindow GtkBox.sidebar, MarlinViewWindow GtkBox.sidebar { background-color: transparent; } -GtkFileChooserDialog .sidebar, GtkFileChooserDialog MarlinPlacesSidebar, GtkFileChooserDialog NemoPlacesSidebar, + +GtkFileChooserDialog .sidebar, +GtkFileChooserDialog MarlinPlacesSidebar, +GtkFileChooserDialog NemoPlacesSidebar, NautilusWindow .sidebar, NautilusWindow MarlinPlacesSidebar, NautilusWindow NemoPlacesSidebar, NemoWindow .sidebar, NemoWindow MarlinPlacesSidebar, NemoWindow NemoPlacesSidebar, -MarlinViewWindow .sidebar, -MarlinViewWindow MarlinPlacesSidebar, -MarlinViewWindow NemoPlacesSidebar { +MarlinViewWindow .sidebar, MarlinViewWindow MarlinPlacesSidebar, MarlinViewWindow NemoPlacesSidebar { background-color: rgba(60, 64, 73, 0.95); } - GtkFileChooserDialog .sidebar .view, GtkFileChooserDialog .sidebar .source-list.sidebar row, GtkFileChooserDialog MarlinPlacesSidebar .view, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, GtkFileChooserDialog NemoPlacesSidebar .view, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog .sidebar .view, + GtkFileChooserDialog .sidebar .source-list.sidebar row, + GtkFileChooserDialog MarlinPlacesSidebar .view, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row, + GtkFileChooserDialog NemoPlacesSidebar .view, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row, NautilusWindow .sidebar .view, NautilusWindow .sidebar .source-list.sidebar row, NautilusWindow MarlinPlacesSidebar .view, @@ -3425,15 +3555,15 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row, NemoWindow NemoPlacesSidebar .view, NemoWindow NemoPlacesSidebar .source-list.sidebar row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar .source-list.sidebar row, - MarlinViewWindow MarlinPlacesSidebar .view, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, - MarlinViewWindow NemoPlacesSidebar .view, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { + MarlinViewWindow .sidebar .view, MarlinViewWindow .sidebar .source-list.sidebar row, MarlinViewWindow MarlinPlacesSidebar .view, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row, MarlinViewWindow NemoPlacesSidebar .view, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row { background-color: transparent; color: #A8ADB5; } - GtkFileChooserDialog .sidebar .view.image, GtkFileChooserDialog .sidebar .source-list.sidebar row.image, GtkFileChooserDialog MarlinPlacesSidebar .view.image, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, GtkFileChooserDialog NemoPlacesSidebar .view.image, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog .sidebar .view.image, + GtkFileChooserDialog .sidebar .source-list.sidebar row.image, + GtkFileChooserDialog MarlinPlacesSidebar .view.image, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.image, + GtkFileChooserDialog NemoPlacesSidebar .view.image, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.image, NautilusWindow .sidebar .view.image, NautilusWindow .sidebar .source-list.sidebar row.image, NautilusWindow MarlinPlacesSidebar .view.image, @@ -3446,14 +3576,14 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.image, NemoWindow NemoPlacesSidebar .view.image, NemoWindow NemoPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow .sidebar .view.image, - MarlinViewWindow .sidebar .source-list.sidebar row.image, - MarlinViewWindow MarlinPlacesSidebar .view.image, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, - MarlinViewWindow NemoPlacesSidebar .view.image, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { + MarlinViewWindow .sidebar .view.image, MarlinViewWindow .sidebar .source-list.sidebar row.image, MarlinViewWindow MarlinPlacesSidebar .view.image, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.image, MarlinViewWindow NemoPlacesSidebar .view.image, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.image { color: rgba(168, 173, 181, 0.6); } - GtkFileChooserDialog .sidebar .view.cell:selected, GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog .sidebar .view.cell:selected, + GtkFileChooserDialog .sidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .view.cell:selected, + GtkFileChooserDialog MarlinPlacesSidebar .source-list.sidebar row.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .view.cell:selected, + GtkFileChooserDialog NemoPlacesSidebar .source-list.sidebar row.cell:selected, NautilusWindow .sidebar .view.cell:selected, NautilusWindow .sidebar .source-list.sidebar row.cell:selected, NautilusWindow MarlinPlacesSidebar .view.cell:selected, @@ -3466,136 +3596,127 @@ MarlinViewWindow NemoPlacesSidebar { NemoWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, NemoWindow NemoPlacesSidebar .view.cell:selected, NemoWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, - MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, - MarlinViewWindow NemoPlacesSidebar .view.cell:selected, - MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { + MarlinViewWindow .sidebar .view.cell:selected, MarlinViewWindow .sidebar .source-list.sidebar row.cell:selected, MarlinViewWindow MarlinPlacesSidebar .view.cell:selected, MarlinViewWindow MarlinPlacesSidebar .source-list.sidebar row.cell:selected, MarlinViewWindow NemoPlacesSidebar .view.cell:selected, MarlinViewWindow NemoPlacesSidebar .source-list.sidebar row.cell:selected { background-color: #5294E2; color: #ffffff; } - GtkFileChooserDialog .sidebar.frame, GtkFileChooserDialog MarlinPlacesSidebar.frame, GtkFileChooserDialog NemoPlacesSidebar.frame, + GtkFileChooserDialog .sidebar.frame, + GtkFileChooserDialog MarlinPlacesSidebar.frame, + GtkFileChooserDialog NemoPlacesSidebar.frame, NautilusWindow .sidebar.frame, NautilusWindow MarlinPlacesSidebar.frame, NautilusWindow NemoPlacesSidebar.frame, NemoWindow .sidebar.frame, NemoWindow MarlinPlacesSidebar.frame, NemoWindow NemoPlacesSidebar.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow MarlinPlacesSidebar.frame, - MarlinViewWindow NemoPlacesSidebar.frame { + MarlinViewWindow .sidebar.frame, MarlinViewWindow MarlinPlacesSidebar.frame, MarlinViewWindow NemoPlacesSidebar.frame { color: #A8ADB5; } - GtkFileChooserDialog .sidebar .separator, GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, GtkFileChooserDialog MarlinPlacesSidebar .separator, GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, - NautilusWindow .sidebar .separator, + GtkFileChooserDialog .sidebar .separator, + GtkFileChooserDialog GtkPlacesSidebar.sidebar .view.separator, + GtkFileChooserDialog MarlinPlacesSidebar .separator, + GtkFileChooserDialog MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog MarlinPlacesSidebar .view.separator, GtkFileChooserDialog NemoPlacesSidebar .separator, + GtkFileChooserDialog NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, + GtkPlacesSidebar.sidebar GtkFileChooserDialog NemoPlacesSidebar .view.separator, NautilusWindow .sidebar .separator, NautilusWindow GtkPlacesSidebar.sidebar .view.separator, NautilusWindow MarlinPlacesSidebar .separator, NautilusWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, - NautilusWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow MarlinPlacesSidebar .view.separator, NautilusWindow NemoPlacesSidebar .separator, NautilusWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, - NemoWindow .sidebar .separator, + GtkPlacesSidebar.sidebar NautilusWindow NemoPlacesSidebar .view.separator, NemoWindow .sidebar .separator, NemoWindow GtkPlacesSidebar.sidebar .view.separator, NemoWindow MarlinPlacesSidebar .separator, NemoWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, - NemoWindow NemoPlacesSidebar .separator, + GtkPlacesSidebar.sidebar NemoWindow MarlinPlacesSidebar .view.separator, NemoWindow NemoPlacesSidebar .separator, NemoWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, - MarlinViewWindow .sidebar .separator, - MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, - MarlinViewWindow MarlinPlacesSidebar .separator, - MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, - MarlinViewWindow NemoPlacesSidebar .separator, - MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, - GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { + GtkPlacesSidebar.sidebar NemoWindow NemoPlacesSidebar .view.separator, MarlinViewWindow .sidebar .separator, MarlinViewWindow GtkPlacesSidebar.sidebar .view.separator, MarlinViewWindow MarlinPlacesSidebar .separator, MarlinViewWindow MarlinPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow MarlinPlacesSidebar .view.separator, MarlinViewWindow NemoPlacesSidebar .separator, MarlinViewWindow NemoPlacesSidebar GtkPlacesSidebar.sidebar .view.separator, GtkPlacesSidebar.sidebar MarlinViewWindow NemoPlacesSidebar .view.separator { color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.trough, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog .sidebar .scrollbar.trough, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.trough, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.trough, NautilusWindow .sidebar .scrollbar.trough, NautilusWindow MarlinPlacesSidebar .scrollbar.trough, NautilusWindow NemoPlacesSidebar .scrollbar.trough, NemoWindow .sidebar .scrollbar.trough, NemoWindow MarlinPlacesSidebar .scrollbar.trough, NemoWindow NemoPlacesSidebar .scrollbar.trough, - MarlinViewWindow .sidebar .scrollbar.trough, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, - MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { + MarlinViewWindow .sidebar .scrollbar.trough, MarlinViewWindow MarlinPlacesSidebar .scrollbar.trough, MarlinViewWindow NemoPlacesSidebar .scrollbar.trough { background-color: transparent; border-color: transparent; } - GtkFileChooserDialog .sidebar .scrollbar.slider, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog .sidebar .scrollbar.slider, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider, NautilusWindow .sidebar .scrollbar.slider, NautilusWindow MarlinPlacesSidebar .scrollbar.slider, NautilusWindow NemoPlacesSidebar .scrollbar.slider, NemoWindow .sidebar .scrollbar.slider, NemoWindow MarlinPlacesSidebar .scrollbar.slider, NemoWindow NemoPlacesSidebar .scrollbar.slider, - MarlinViewWindow .sidebar .scrollbar.slider, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { + MarlinViewWindow .sidebar .scrollbar.slider, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; background-color: rgba(209, 212, 216, 0.7); } - GtkFileChooserDialog .sidebar .scrollbar.slider:hover, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog .sidebar .scrollbar.slider:hover, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:hover, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:hover, NautilusWindow .sidebar .scrollbar.slider:hover, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:hover, NautilusWindow NemoPlacesSidebar .scrollbar.slider:hover, NemoWindow .sidebar .scrollbar.slider:hover, NemoWindow MarlinPlacesSidebar .scrollbar.slider:hover, NemoWindow NemoPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow .sidebar .scrollbar.slider:hover, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { + MarlinViewWindow .sidebar .scrollbar.slider:hover, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:hover, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:hover { background-color: #dfe1e4; } - GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow .sidebar .scrollbar.slider:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow .sidebar .scrollbar.slider:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow .sidebar .scrollbar.slider.fine-tune, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow .sidebar .scrollbar.slider.fine-tune, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune { border-width: 4px; } - GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog .sidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NautilusWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, NemoWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { + MarlinViewWindow .sidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider.fine-tune:prelight:active, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider.fine-tune:prelight:active { background-color: #5294E2; } - GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog .sidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog MarlinPlacesSidebar .scrollbar.slider:insensitive, + GtkFileChooserDialog NemoPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow .sidebar .scrollbar.slider:insensitive, NautilusWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NautilusWindow NemoPlacesSidebar .scrollbar.slider:insensitive, NemoWindow .sidebar .scrollbar.slider:insensitive, NemoWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, NemoWindow NemoPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow .sidebar .scrollbar.slider:insensitive, - MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, - MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { + MarlinViewWindow .sidebar .scrollbar.slider:insensitive, MarlinViewWindow MarlinPlacesSidebar .scrollbar.slider:insensitive, MarlinViewWindow NemoPlacesSidebar .scrollbar.slider:insensitive { background-color: transparent; } + GtkFileChooserDialog.maximized .sidebar, NautilusWindow.maximized .sidebar, NemoWindow.maximized .sidebar, MarlinViewWindow.maximized .sidebar { background-color: #3c4049; } + GtkFileChooserDialog .pane-separator, NautilusWindow .pane-separator, NemoWindow .pane-separator, @@ -3604,21 +3725,27 @@ MarlinViewWindow .pane-separator { GtkFileChooserDialog.background.csd, GtkFileChooserDialog .background { background-color: rgba(60, 64, 73, 0.95); } + GtkFileChooserDialog .sidebar { background-color: transparent; } + GtkFileChooserDialog GtkPaned > .vertical > .horizontal { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-action-box { background-color: #F5F6F7; } + GtkFileChooserDialog .dialog-vbox > .frame { color: #A8ADB5; border-color: transparent; } + GtkFileChooserDialog .action-bar.frame { background-color: transparent; border-color: rgba(44, 47, 53, 0.95); } -GtkFileChooserDialog .action-bar.frame GtkLabel, GtkFileChooserDialog .action-bar.frame GtkComboBox, -GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, -GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { + +GtkFileChooserDialog .action-bar.frame GtkLabel, +GtkFileChooserDialog .action-bar.frame GtkComboBox, +GtkFileChooserDialog .dialog-vbox > .frame GtkLabel, GtkFileChooserDialog .dialog-vbox > .frame GtkComboBox { color: #A8ADB5; } GeditWindow.background.csd { @@ -3626,8 +3753,10 @@ GeditWindow.background.csd { GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: rgba(60, 64, 73, 0.95); } - GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, - GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { + GeditWindow.background.csd .titlebar .pane-separator, + GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, + GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: rgba(212, 213, 219, 0.95); } .gedit-bottom-panel-paned { @@ -3683,9 +3812,9 @@ GeditWindow.background.csd GeditFileBrowserWidget { background-color: #5294E2; } GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.slider:insensitive { background-color: transparent; } - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, - GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, - GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbar.trough, + GeditWindow.background.csd GeditFileBrowserWidget .scrollbars-junction.frame, GeditWindow.background.csd GeditFileBrowserWidget .frame.scrollbar.trough { border-color: transparent; background-color: transparent; } GeditWindow.background.csd GeditFileBrowserWidget .horizontal { @@ -3724,7 +3853,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .button, GeditWindow.background.csd G background-image: linear-gradient(to bottom, #5294E2); } GtkFileChooserDialog .action-bar.frame .button:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .button:insensitive, GeditWindow.background.csd GeditFileBrowserWidget .horizontal .button:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3741,7 +3870,7 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } GtkFileChooserDialog .action-bar.frame .entry:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .entry:insensitive { - color: #5c6069; + color: #5c6169; border-color: rgba(168, 173, 181, 0.2); background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } @@ -3758,21 +3887,21 @@ GtkFileChooserDialog .dialog-vbox > .frame .entry { @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fbfbfb; -@define-color insensitive_fg_color rgba(92, 97, 108, 0.55); +@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 borders #dbdfe3; +@define-color unfocused_borders #dbdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @define-color placeholder_text_color #A8A8A8; -@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_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; diff --git a/common/gtk-3.0/3.14/gtk-contained.scss b/common/gtk-3.0/3.14/gtk-contained.scss deleted file mode 100644 index c45d673..0000000 --- a/common/gtk-3.0/3.14/gtk-contained.scss +++ /dev/null @@ -1,18 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade - -$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'; diff --git a/common/gtk-3.0/3.14/gulpfile.js b/common/gtk-3.0/3.14/gulpfile.js new file mode 100644 index 0000000..230ac9d --- /dev/null +++ b/common/gtk-3.0/3.14/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.14/package.json b/common/gtk-3.0/3.14/package.json new file mode 100644 index 0000000..b08961b --- /dev/null +++ b/common/gtk-3.0/3.14/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.14/parse-sass.sh b/common/gtk-3.0/3.14/parse-sass.sh deleted file mode 100755 index e9cda25..0000000 --- a/common/gtk-3.0/3.14/parse-sass.sh +++ /dev/null @@ -1,3 +0,0 @@ -#!/usr/bin/bash - -bundle exec sass --update --sourcemap=none . diff --git a/common/gtk-3.0/3.14/sass/_applications.scss b/common/gtk-3.0/3.14/sass/_applications.scss new file mode 100644 index 0000000..f4b2c8d --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_applications.scss @@ -0,0 +1,680 @@ +// +// Tab overrides +// +GeditNotebook.notebook, +ScratchMainWindow .notebook, +EphyNotebook.notebook, +MidoriNotebook .notebook, +TerminalWindow .notebook, +PantheonTerminalPantheonTerminalWindow .notebook { + + tab.reorderable-page.top, tab.top { + &:active, &.active-page, &.active-page:hover { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + } +} + +TerminalWindow .notebook, +PantheonTerminalPantheonTerminalWindow .notebook { + + tab.reorderable-page.top, tab.top { + padding-top: 7px; + border-top-width: 3px; + } + + &.header.top { + box-shadow: inset 0 1px opacify($header_border, 1), + inset 0 -1px $borders_color; + } +} + +// +// Evolution +// +// needed for webkit/GtkStyle/Evolution compatibility +GtkHTML { + background-color: $base_color; + color: $text_color; + + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +// +// Sushi +// +// used by gnome-font-viewer and sushi +SushiFontWidget { + padding: 6px 12px; +} + +// +// GNOME Terminal +// +$terminal_bg: #2A2F36; +$terminal_fg: white; + +TerminalWindow { + .background { + background-color: transparent; + } + + .scrollbar { + &.vertical .slider { margin-left: 3px; } + &.trough { border-width: 0; } + } +} + +// +// Nautilus +// +NautilusCanvasViewContainer.view .entry { border-radius: 3px; } + +.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; } +} + +NautilusNotebook.notebook { + background-color: $base_color; + + tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + } +} + +//NautilusNotebook.notebook { +// background-color: $base_color; +//} + +NautilusQueryEditor .search-bar.toolbar { + padding: 5px; + box-shadow: none; + background-color: $base_color; +} + + +// +// Nemo +// +NemoIconViewContainer { @extend NautilusCanvasViewContainer.view } + +NemoWindow .sidebar .frame { + border-width: 0; +} + +NemoWindow GtkSeparator.separator.horizontal { + color: $borders_color; +} + +.nemo-desktop.nemo-canvas-item { + @extend .nautilus-desktop.nautilus-canvas-item; +} + +NemoWindow .primary-toolbar NemoPathBar.linked > .button { + @include button(header-hover); + + &:hover { border-color: $selected_bg_color; } + &:active, &:checked { @include button(header-active); } + + @extend %linked; +} + +// +// Gedit +// +.gedit-headerbar-paned { color: $header_border; } + +.open-document-selector-listbox-row { + border-bottom: 1px solid darken($bg_color, 5%); + padding: 6px 6px 6px 12px; + + .path-label { font-size: smaller; color: transparentize($fg_color, 0.3); } + &:selected .path-label { color: transparentize($selected_fg_color, 0.3); } +} + +.gedit-document-panel { + + .list-row .button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; + & GtkImage { color: inherit; } + } + .prelight-row .button { + color: mix($bg_color, $fg_color, 35%); + } + .list-row .button:hover, + .prelight-row .button:hover { + color: lighten(red, 15%); + } + .prelight-row:selected .button:hover { + color: lighten(red, 20%); + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + &:active { color: $selected_fg_color; } + } + .prelight-row .button:active { + color: $fg_color; + } +} + +.gedit-document-panel-dragged-row { + border: 1px solid $borders_color; + background-color: darken($bg_color, 10%); + color: $fg_color; +} + +//.gedit-document-panel-placeholder-row { +//} + +GeditStatusbar { + border-top: 1px solid $borders_color; + background-color: $bg_color; +} + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:prelight.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; +} + + +GeditViewFrame .gedit-search-slider { @extend %search_slider } + +GeditFileBrowserWidget .toolbar { + border-bottom: 1px solid $borders_color; +} + +.gedit-search-entry-occurrences-tag { + color: transparentize($fg_color, 0.4); + margin: 2px; + padding: 2px; +} + +%search_slider { + background-color: lighten($bg_color, 2%); + padding: 6px; + border-color: $borders_color; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +// +// Gnome Builder +// + +GbSearchBox.linked { + + > GtkMenuButton.button:last-child:dir(ltr), + > GtkMenuButton.button:first-child:dir(rtl) { + padding: 0 10px; + + @include entry(header-normal); + + &:hover { @include entry(header-normal); border-color: $selected_bg_color; } + &:active, &:checked { @include entry(header-focus); } + &:insensitive { @include entry(header-insensitive); } + } + + > GtkMenuButton.button:last-child:dir(ltr) { + + 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) { + 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; } + } +} + +//Search entry that slides down from top of editor +GbEditorFrame .gb-search-slider { @extend %search_slider; padding: 2px; } + +.gb-search-entry-occurrences-tag { @extend .gedit-search-entry-occurrences-tag } + +GdTaggedEntry { color: $fg_color; } + +// Preferences sidebar style +.preferences.sidebar { + + GtkViewport { border: none; } + GtkListBox { background-color: $bg_color; } + GtkListBoxRow { padding: 10px; } +} + +// Preference page language style +GbPreferencesPageLanguage { + + GtkSearchEntry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + GtkScrolledWindow { border-top-width: 0; } +} + +// Command Bar styling +GtkBox.gb-command-bar-box { + border: none; + background-color: opacify($osd_bg_color, 1); + + 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: opacify($osd_bg_color, 1); + padding: 6px 6px 6px 6px; + border: none; + + &:selected, + &:selected:focus { + @extend %selected_items; + } +} + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; +} + +GtkScrolledWindow.gb-linked-scroller { + border-top: none; +} + +// Disable various animatinos that are enabled by default and really annoying +// to the overall flow of Builder. +GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { + transition: none; +} + +GbViewStack GtkBox.header.notebook, +GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { + border-bottom: 1px solid $borders_color; +} + +GbViewStack.focused GtkBox.header.notebook { + background-color: $bg_color; + + .button.dim-label { opacity: 1; } +} + +// +// Epiphany +// +EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it + color: $fg_color; +} + +// +// Gnome Documents +// +.documents-load-more.button { + 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; +} + +.documents-favorite.button:active, +.documents-favorite.button:active:hover { + color: lighten($selected_bg_color, 20%); +} + +.documents-entry-tag { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; + + &:hover { background-color: lighten($selected_bg_color, 4%) } + &:active { background-color: darken($selected_bg_color, 4%) } + + .toolbar .linked &.button { + background: none; + border: none; + box-shadow: none; + icon-shadow: none; + + &:hover { color: transparentize($selected_fg_color, 0.3) } + } +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +// +// Totem +// +TotemGrilo.vertical GdMainView.frame { + border-width: 0; +} + +// +// Synapse +// +SynapseGuiViewDefault *:selected { background-color: $selected_bg_color; } + +// +// Fallback Mode/Budgie Panel +// +.gnome-panel-menu-bar, +PanelApplet > GtkMenuBar.menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: $panel_fg; + background-image: linear-gradient(to bottom, $panel_bg); +} + +PanelApplet .button, PanelApplet .button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: $panel_fg; +} + +PanelApplet .button:hover { + color: lighten($panel_fg, 10%); + background-color: transparentize(black, 0.83); + border-color: transparentize(black, 0.83); +} + +PanelApplet .button:active, PanelApplet .button:active:backdrop, +PanelApplet .button:checked, PanelApplet .button:checked:backdrop { + background-clip: padding-box; + color: $selected_fg_color; + background-color: transparentize(black, 0.75); + border-radius: 0; + border-color: transparentize(black, 0.75); + box-shadow: inset 0 -2px $selected_bg_color; +} + +PanelApplet:hover { + color: $selected_fg_color; +} + +PanelApplet:active, +PanelApplet:hover:active { + color: $selected_bg_color; +} + +WnckPager { + color: mix($panel_fg, black, 50%); + &:selected { color: $selected_bg_color } +} + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; +} + +ClockBox { + color: $panel_fg; +} + +// Xfce Panel +.xfce4-panel.panel { + background-color: $panel_bg; + + .button.flat { + color: $panel_fg; + background-color: transparentize($panel_bg, 1); + border-radius: 0; + + &:hover { + border: none; + background-color: lighten($panel_bg, 10%); + } + &:active, &:checked { + color: $selected_bg_color; + border: none; + background-color: darken($panel_bg, 7%); + } + } +} + +// +// Floating Bar +// +.floating-bar { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &.top { border-radius: 0 0 2px 2px; } + &.right { border-radius: 2px 0 0 2px; } + &.bottom { border-radius: 2px 2px 0 0; } + &.left { border-radius: 0 2px 2px 0; } + + .button { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + + background-color: transparent; + box-shadow: none; + border: none; + } +} + +// Elementary Apps + +// +// Birdie +// +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; +} + +// +// Marlin / Pantheon Files +// +MarlinViewWindow GtkIconView.view:selected, +MarlinViewWindow GtkIconView.view:selected:focus, +MarlinViewWindow GtkIconView.view:selected:hover, +MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, +MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +MarlinViewWindow *:selected, +MarlinViewWindow *:selected:focus { + color: $selected_fg_color; + background-color: $selected_bg_color; + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + border-radius: 14.5px; + @include entry(header-normal); + + &:focus { @include entry(header-focus) } + + &:insensitive { @include entry(header-insensitive) } + + &:active, &:checked { + color: $selected_bg_color; + } +} + +// +// Gala +// +.gala-notification { + border: 1px solid if($variant=='light', rgba(0, 0, 0, 0.35), $borders_color); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, $base_color); + background-color: transparent; + + .title, .label { + color: $fg_color; + } +} + +// +// Wingpanel +// +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px transparentize(black, 0.4); + icon-shadow: 0 1px 2px transparentize(black, 0.4); +} + +.panel-shadow { + background-image: none; + background-color: transparent; +} + +.panel .menu { + box-shadow: none; +} + +.panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + icon-shadow: none; +} + +.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; +} + +.panel .menu .window-frame.menu.csd, +.panel .menu .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); +} + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px transparentize(black, 0.4); + icon-shadow: 0 1px 2px transparentize(black, 0.4); +} + +.composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.composited-indicator.menuitem:active, +.composited-indicator.menuitem:prelight { + border-style: none; + background-image: none; + box-shadow: none; +} + +.composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; +} + +.panel .menu .spinner, +.menu .spinner { opacity: 1 } // Fixes sound indicator buttons + +// +// Wingpanel Popover +// +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + + text-shadow: none; + icon-shadow: none; + + .menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + icon-shadow: none; + border: solid transparent; + border-width: 1px 0; + + GtkLabel, GtkImage { 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; + } + *:insensitive { 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.14/sass/_colors-public.scss b/common/gtk-3.0/3.14/sass/_colors-public.scss new file mode 100644 index 0000000..60d3cbf --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_colors-public.scss @@ -0,0 +1,77 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS */ + +// 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 alpha(#{"" + 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; + +//WM +$wm_highlight: lighten(opacify($header_bg, 1), 3%); +$wm_bg_unfocused: opacify($header_bg_backdrop, 1); + +@define-color wm_title alpha(#{"" + opacify($header_fg, 1)}, 0.8); +@define-color wm_unfocused_title alpha(#{"" + 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 alpha(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}; +@define-color wm_icon_close_hover_bg #{"" + $wm_icon_close_hover_bg}; +@define-color wm_icon_close_active_bg #{"" + $wm_icon_close_active_bg}; + +// Minimize, Maximize +@define-color wm_button_bg #{"" + $wm_button_bg}; +@define-color wm_button_unfocused_bg #{"" + $wm_button_unfocused_bg}; +@define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; +@define-color wm_button_active_bg #{"" + $wm_button_active_bg}; + +@define-color wm_button_border #{"" + $wm_button_border}; +@define-color wm_button_unfocused_border #{"" + $wm_button_unfocused_border}; +@define-color wm_button_hover_border #{"" + $wm_button_hover_border}; +@define-color wm_button_active_border #{"" + $wm_button_active_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}; + + +//FIXME this is really an API + +@define-color content_view_bg #{"" + $base_color}; + diff --git a/common/gtk-3.0/3.14/sass/_colors.scss b/common/gtk-3.0/3.14/sass/_colors.scss new file mode 100644 index 0000000..c32b223 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_colors.scss @@ -0,0 +1,102 @@ +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant + + +$base_color: if($variant =='light', #ffffff, #383C45); +$text_color: if($variant == 'light', #5c616c, #D3DAE3); +$bg_color: if($variant =='light', #F5F6F7, #444852); +$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,10%)); + +$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; + +$osd_fg_color: #A8ADB5; +$osd_bg_color: transparentize(#3c4049, 0.05); +$osd_button_bg: darken($osd_bg_color, 3%); + +$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); + + +$tooltip_bg: $osd_bg_color; +$tooltip_fg: #edf5fb; +$tooltip_borders_color: transparentize(white, 0.9); + +//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%)); + + +$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); +$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); +$entry_focus_border: $selected_bg_color; + +$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); +$button_border: $entry_border; + +$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(#2f343b, 0.03); } +@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343b; } + +//$header_bg: if(($darker == 'true' or $variant == 'dark') and $transparency == 'true', transparentize(#2f343b, 0.03), #2f343b); + +$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); + +$header_border: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%)); + +$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' and $variant == 'light', $osd_bg_color, opacify($osd_bg_color, 1)); +@if $variant==dark { $dark_sidebar_bg: if($transparency == 'true', lighten($osd_bg_color, 4%), lighten(opacify($osd_bg_color, 1), 4%)); } + +$dark_sidebar_fg: $osd_fg_color; +$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 10%)); + +$panel_bg: darken($osd_bg_color, 10%); +$panel_fg: $dark_sidebar_fg; + + +//WM Buttons + +// Close +$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f37076, #e45e65); +$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f79da1, #f48085); +$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #ef4048, #e6262f); + +$wm_icon_close_bg: $selected_fg_color; +$wm_icon_close_hover_bg: $selected_fg_color; +$wm_icon_close_active_bg: $selected_fg_color; + +// Minimize, Maximize +$wm_button_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); +$wm_button_unfocused_bg: if($variant == 'light' and $darker == 'false', #f6f7f8, #2a3035); +$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32); +$wm_button_active_bg: $selected_bg_color; + +$wm_button_border: if($variant == 'light' and $darker == 'false', #d8dae0, #191C21); +$wm_button_unfocused_border: if($variant == 'light' and $darker == 'false', #dddee2, #1F2328); +$wm_button_hover_border: $selected_bg_color; +$wm_button_active_border: $selected_bg_color; + +$wm_icon_bg: if($variant == 'light' and $darker == 'false', #8d93a4, #939ca8); +$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #b8bcc7, #686f78); +$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #70788d, #afb8c5); +$wm_icon_active_bg: $selected_fg_color; diff --git a/common/gtk-3.0/3.14/sass/_common.scss b/common/gtk-3.0/3.14/sass/_common.scss new file mode 100644 index 0000000..977da07 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_common.scss @@ -0,0 +1,2733 @@ +@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; + -GtkPaned-handle-size: 1; + + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + + -GtkToolItemGroup-expander-size: 11; + -GtkExpander-expander-size: 16; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_visited_color; + + -GtkWidget-focus-padding: 2; // FIXME: do we still need these? + -GtkWidget-focus-line-width: 1; // + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + -GtkStatusbar-shadow-type: none; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-color: transparentize($fg_color, 0.7); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + outline-radius: 2px; +} + + +/*************** + * Base States * + ***************/ + +.background { + color: $fg_color; + background-color: transparentize($bg_color, 0.001); // without this headerbar transparency doesn't seem to work +} + +/* + These wildcard seems unavoidable, need to investigate. + Wildcards are bad and troublesome, use them with care, + or better, just don't. + Everytime a wildcard is used a kitten dies, painfully. +*/ + +*:insensitive { + -gtk-image-effect: dim; +} + +.gtkstyle-fallback { + background-color: $bg_color; + color: $fg_color; + &:prelight { + background-color: lighten($bg_color, 10%); + color: $fg_color; + } + &:active { + background-color: darken($bg_color, 10%); + color: $fg_color; + } + &:insensitive { + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + } + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +.view { + color: $text_color; + background-color: $base_color; + + &:selected, + &:selected:focus, + &:selected:hover { + @extend %selected_items; + } + &.dim-label { + color: transparentize($text_color, 0.45); + + &:selected, &:selected:focus { + color: transparentize($selected_fg_color, 0.35); + text-shadow: none; + } + } +} + +.rubberband { + border: 1px solid $selected_bg_color; + background-color: transparentize($selected_bg_color,0.8); +} + +GtkLabel { + &.separator { + color: $fg_color; + @extend .dim-label; + } + &:selected, + &:selected:focus, + &:selected:hover { + @extend %selected_items; + } + &:insensitive { + color: $insensitive_fg_color; + } +} + +.dim-label { + opacity: 0.55; +} + +GtkAssistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } + } + &.csd .sidebar { border-top-style: none; } + .sidebar GtkLabel { + padding: 6px 12px; + } + .sidebar GtkLabel.highlight { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +GtkTextView { // This will get overridden by .view, needed by gedit line numbers + background-color: mix($bg_color, $base_color, 50%); +} + +GtkFlowBox .grid-child { + padding: 3px; + border-radius: 3px; + &:selected { + @extend %selected_items; + outline-offset: -2px; + } +} + +%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-image: none; + background-color: blue; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:active { + opacity: 1; + animation: spin 1s linear infinite; + + &:insensitive { + opacity: 0.5; + } + } +} + +/**************** + * Text Entries * + ****************/ + +.entry { + border: 1px solid; + padding: 5px 8px 6px; + + border-radius: 15px; + transition: all 200ms $ease-out-quad; + @include entry(normal); + + .header-bar & { padding: 6px 11px; } + + //&.image { // icons inside the entry + // &.left { padding-left: 0; } + // &.right { padding-right: 0; } + //} + &.image { padding-left: 3px; padding-right: 3px; } + + &.flat, &.flat:focus { + padding: 2px; + @include entry(normal); + border: none; + border-radius: 0; + } + + &:focus { + background-clip: border-box; + @include entry(focus); + } + + &:insensitive { @include entry(insensitive); } + + &:selected, + &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &.progressbar { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + } + + .linked > & { //FIXME: use same buttons linking logic and template + &:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + &:dir(rtl) { border-right-style: none;} + } + &:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; + &:dir(rtl) { border-left-style: solid; } + } + } + + &.error { + color: white; + border-color: $error_color; + background-image: linear-gradient(to bottom, mix($error_color, $base_color, 80%)); + &:focus { + background-image: linear-gradient(to bottom, $error_color); + color: white; + } + &:selected, &:selected:focus { + background-color: white; + color: $error_color; + } + } + + &.warning { + color: white; + border-color: $warning_color; + background-image: linear-gradient(to bottom, mix($warning_color, $base_color, 80%)); + &:focus { + background-image: linear-gradient(to bottom, $warning_color); + color: white; + } + &:selected, &:selected:focus { + background-color: white; + color: $warning_color; + } + } + + &.image { // entry icons colors + color: mix($fg_color,$base_color,80%); + &:hover { color: $fg_color; } + &:active { color: $selected_bg_color; } + } + + .linked.vertical > & { //FIXME comment stuff and make the whole thing smarter. + border-bottom-color: mix($borders_color, $base_color, 30%); + box-shadow: none; + @extend %linked_vertical; + + &:focus { + border-color: $selected_bg_color; + box-shadow: 0 -1px 0 0 $selected_bg_color; + @extend %linked_vertical; + } + + &:insensitive { + border-bottom-color: mix($borders_color, $base_color, 30%); + @extend %linked_vertical; + } + + &:first-child { + border-bottom-color: mix($borders_color, $base_color, 30%); + + &:focus { + border-bottom-color: $selected_bg_color; + box-shadow: none; + } + + &:insensitive { + border-bottom-color: mix($borders_color, $base_color, 30%); + @extend %linked_vertical:first-child; + } + } + + &:last-child { + border-bottom-color: rgba(0,0,0,0.14); + &:focus { + border-bottom-color: $selected_bg_color; + box-shadow: 0 -1px 0 0 $selected_bg_color; + @extend %linked_vertical:last-child; + } + + &:insensitive { + border-bottom-color: rgba(0,0,0,0.14); + @extend %linked_vertical:last-child; + + } + } + } + + .osd & { + @include entry(osd); + &:focus { @include entry(osd-focus); } + &:insensitive { @include entry(osd-insensitive); } + } +} + +/*********** + * Buttons * + ***********/ + +// stuff for .needs-attention +$_dot_color: $selected_bg_color; + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($selected_bg_color), + to(transparent)); + } +} + + +.button { + $_button_transition: all 200ms $ease-out-quad; + + transition: $_button_transition; + border: 1px solid; + border-radius: 3px; + padding: 5px 8px; + + .header-bar & { padding: 6px 11px; } + + @include button(normal); + + &.flat { + @include button(undecorated); + background-color: transparentize($bg_color, 1); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + &:hover { + transition: $_button_transition; + transition-duration: 350ms; + &:active { transition: $_button_transition; } + } + } + &:hover { + @include button(hover); + -gtk-image-effect: highlight; + } + &:active, &:checked { + background-clip: border-box; + @include button(active); + transition-duration: 50ms; + } + + //Webkitgtk workaround start + &:active { color: $fg_color; } + &:active:hover, &:checked { color: $selected_fg_color; } + //Webkitgtk workaround end + + &.flat:insensitive { + @include button(undecorated); + } + &:insensitive { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active); + } + } + // big standalone buttons like in Documents pager + &.osd { + outline-color: transparentize($osd_fg_color, 0.7); + + @include button(osd); + background-color: $osd_bg_color; + + &.image-button { padding: 10px; } + + &:hover { @include button(osd-hover); border-color: transparentize($osd_fg_color, 0.7)} + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } + } + + //overlay / OSD style + .osd & { + @include button(osd); + // there's a problem with sass which prevents it to extend the linked + // placeholder as expected, it should just be "@extend %linked;", the + // placeholder is basically replicated here + // + // Workaround START + border-radius: 0; + border-left-style: none; + border-right-style: none; + + &:dir(rtl) { + border-radius: 0; + border-right-style: none; + border-left-style: none + } + &:first-child { + border-radius: 3px 0 0 3px; + border-left-style: solid; + } + &:last-child { + border-radius: 0 3px 3px 0; + border-right-style: solid; + + &:dir(rtl) { border-left-style: solid; } + } + &:only-child { + border-radius: 3px; + border-style: solid; + } + // Workaround END + &:hover { + @include button(osd-hover); + @extend %linked; + } + &:active, &:checked { + @include button(osd-active); + @extend %linked; + } + &:insensitive { + @include button(osd-insensitive); + @extend %linked; + } + + &.flat { + @include button(undecorated); + box-shadow: none; + &:hover { + @include button(osd-hover); + } + &:insensitive { + @include button(osd-insensitive); + background-image: none; + } + &:active, &:checked { + @include button(osd-active); + } + } + } + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(suggested_destructive, $b_color); + + &.flat { + @include button(undecorated); + color: $b_color; + outline-color: transparentize($b_color, 0.7); + } + &:hover { + @include button(suggested_destructive, lighten($b_color, 10%)); + } + &:active, &:checked { + @include button(suggested_destructive, darken($b_color, 10%)); + } + &.flat:insensitive { + @include button(undecorated); + color: transparentize($b_color, 0.35); + } + &:insensitive { opacity: 0.75; } + } + } + + &.image-button { padding: 8px; } + + .header-bar &.image-button { padding: 6px 9px; } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + .header-bar &.text-button { padding: 6px 16px; } + + &.text-button.image-button { + // those buttons needs uneven horizontal padding, we want the icon side + // to have the image-button padding, while the text side the text-button + // one, so we're adding the missing padding to the label depending on + // its position inside the button + padding: 4px 8px 5px; // same as .button + GtkLabel:first-child { padding-left: 8px; } + GtkLabel:last-child { padding-right: 8px; } + } + + .header-bar &.text-button.image-button { padding: 6px 16px; } + + .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 + + > GtkLabel { + padding-left: 6px; // label padding + padding-right: 6px; // + } + > GtkImage { + padding-left: 6px; + padding-right: 6px; + padding-top: 5px; + padding-bottom: 5px; + } + + .header-bar > GtkLabel { padding: 6px 10px; } + + &.text-button { padding: 5px 10px; } + + .header-bar &.text-button { padding: 6px 10px; } + + &.image-button { padding: 1px 3px; } + + &.needs-attention > GtkLabel, + &.needs-attention > GtkImage { @extend %needs_attention; } + &.needs-attention:active > GtkLabel, + &.needs-attention:active > GtkImage, + &.needs-attention:checked > GtkLabel, + &.needs-attention:checked > GtkImage { + 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 > &, + .linked > &:hover, + .linked > &:active, + .linked > &: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 GtkToolButton > .button { // redefining the button look is + // needed since those are flat... + @include button(normal); + &:hover { @include button(hover); } + &:active, + &:checked{ @include button(active); } + &:insensitive { @include button(insensitive); } + &:insensitive:active, + &:insensitive:checked { @include button(insensitive-active); } +} + +// More inline toolbar buttons +.inline-toolbar.toolbar GtkToolButton { + & > .button.flat { @extend %linked_middle; } + &:dir(rtl) > .button.flat { @extend %linked_middle:dir(rtl); } + &:first-child > .button.flat { @extend %linked:first-child; } + &:last-child > .button.flat { @extend %linked:last-child; } + &:last-child:dir(rtl) > .button.flat { @extend %linked:last-child:dir(rtl); } + &:only-child > .button.flat { @extend %linked:only-child; } +} + +%linked_middle { + border-radius: 0; + border-left-style: none; + border-right-style: none; + + &:hover { + box-shadow: inset 1px 0 $selected_bg_color, inset -1px 0 $selected_bg_color; + } + + &:dir(rtl) { + border-radius: 0; // needed when including %linked_middle:dir(rtl) + } +} + +%linked { + @extend %linked_middle; + + &:first-child { + border-radius: 3px 0 0 3px; + border-left-style: solid; + + &:hover { box-shadow: inset -1px 0 $selected_bg_color; } + } + &:last-child { + border-radius: 0 3px 3px 0; + border-right-style: solid; + + &:hover { box-shadow: inset 1px 0 $selected_bg_color; } + + &:dir(rtl) { border-bottom-left-radius: 0; } + + } + &:only-child { + border-radius: 3px; + border-style: solid; + + &:hover { box-shadow: none; } + } +} + +%linked_vertical_middle { + border-style: solid; + border-bottom-style: none; + border-top-style: none; + border-radius: 0; + + &:hover { box-shadow: inset 0 1px $selected_bg_color, inset 0 -1px $selected_bg_color; } +} + +%linked_vertical{ + @extend %linked_vertical_middle; + + &:first-child { + border-radius: 3px 3px 0 0; + border-top-style: solid; + + &:hover { box-shadow: inset 0 -1px $selected_bg_color; } + } + &:last-child { + border-radius: 0 0 3px 3px; + border-bottom-style: solid; + + &:hover { box-shadow: inset 0 1px $selected_bg_color; } + } + &:only-child { + border-radius: 3px; + border-style: solid; + + &:hover { box-shadow: none; } + } +} + +%undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +/* menu buttons */ +.menuitem.button.flat { + transition: none; + @extend %undecorated_button; + outline-offset: -1px; + border-radius: 2px; + + &:hover { background-color: mix($fg_color,$bg_color,5%); } + &:selected, &:checked, &:active { + @extend %selected_items; + } +} + +/********* + * Links * + *********/ + +*:link { + color: $link_color; + &:visited { + color: $link_visited_color; + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + &:hover { + color: lighten($link_color,10%); + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } + } + &:active { + color: $link_color; + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } + } + &:selected, *:selected & { + color: mix($selected_fg_color, $selected_bg_color, 80%); + } +} + +.button:link, .button:visited { + @extend %undecorated_button; + @extend *:link; + &:hover, &:active, &:checked { + @extend %undecorated_button; + } +} + +/***************** + * GtkSpinButton * + *****************/ + +.spinbutton { + border-radius: 3px; + + .button { + background-image: none; + border: 1px solid transparentize($borders_color,0.4); + border-style: none none none solid; + color: mix($fg_color,$base_color,95%); + border-radius: 0; + box-shadow: none; + // padding-left: 6px; + // padding-right: 6px; + &:dir(rtl) { border-style: none solid none none; } + &:first-child { color: red; } + &:hover { + color: $selected_bg_color; + } + &:insensitive { + color: $insensitive_fg_color; + } + &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + +// .osd & { +// .button { +// @include button(undecorated); +// color: $osd_fg_color; +// border-style: none none none solid; +// border-color: transparentize($osd_borders_color, 0.3); +// border-radius: 0; +// box-shadow: none; +// &:dir(rtl) { border-style: none solid none none; } +// &:hover { +// @include button(undecorated); +// color: $osd_fg_color; +// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); +// background-color: transparentize($osd_fg_color, 0.9); +// box-shadow: none; +// } +// &:insensitive { +// @include button(undecorated); +// color: $osd_insensitive_fg_color; +// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); +// box-shadow: none; +// } +// &:last-child { border-radius: 0 2px 2px 0; } +// &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } +// } +// } + + &.vertical, &.vertical:dir(rtl) { + .button { + &:first-child { + @extend %top_button; + @include button(normal); + &:active { + @extend %top_button; + @include button(active); + } + &:hover { + @extend %top_button; + @include button(hover); + } + &:insensitive { + @extend %top_button; + @include button(insensitive); + } + } + &:last-child { + @extend %bottom_button; + @include button(normal); + &:active { + @extend %bottom_button; + @include button(active); + } + &:hover { + @extend %bottom_button; + @include button(hover); + } + &:insensitive { + @extend %bottom_button; + @include button(insensitive); + } + } + } + &.entry { + // we should remove the bottom edge hilight here, but seems + // like buttons are on top of it so it doesn't show up + border-radius: 0; + padding-left: 5px; + padding-right: 5px; + } + %top_button { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; + } + %bottom_button { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; + } + } + GtkTreeView & { + &.entry, &.entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: $selected_bg_color; + border-radius: 0; + box-shadow: none; + } + } +} + +/************** + * ComboBoxes * + **************/ +GtkComboBox { + > .button { padding-top: 3px; padding-bottom: 4px; } // Otherwise combos + // are bigger then + // buttons + -GtkComboBox-arrow-scaling: 0.5; + -GtkComboBox-shadow-type: none; + + &:insensitive { + color: $insensitive_fg_color; + } + + .separator.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } + + &.combobox-entry .entry { + @extend %linked; + + border-right-style: none; + &:dir(rtl) { border-left-style: none; } + } + + &.combobox-entry .button { + @extend %linked; + + color: transparentize($fg_color, 0.4); + background-color: $button_border; + border-color: $button_border; + + &:hover { + background-color: lighten($button_border, 5%); + border-color: $selected_bg_color; + box-shadow: -1px 0 $selected_bg_color; + } + + &:active, &:checked { @include button(active); } + + &:insensitive { opacity: 0.5 } + } +} + +.linked > GtkComboBox > .button { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr) { @extend %linked_middle; } // specificity bump + &:dir(rtl) { @extend %linked_middle:dir(rtl); } +} +.linked > GtkComboBox:first-child > .button { + @extend %linked:first-child; +} +.linked > GtkComboBox:last-child > .button { + @extend %linked:last-child; +} +.linked > GtkComboBox:only-child > .button { + @extend %linked:only-child; +} +.linked.vertical > GtkComboBoxText > .button, +.linked.vertical > GtkComboBox > .button { @extend %linked_vertical_middle; } +.linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > GtkComboBox:first-child > .button { @extend %linked_vertical:first-child; } +.linked.vertical > GtkComboBoxText:last-child > .button, +.linked.vertical > GtkComboBox:last-child > .button { @extend %linked_vertical:last-child; } +.linked.vertical > GtkComboBoxText:only-child > .button, +.linked.vertical > GtkComboBox:only-child > .button { @extend %linked_vertical:only-child; } + +/************ + * Toolbars * + ************/ +.toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: $bg_color; + .osd &, &.osd { + padding: 7px; + border: none; + border-radius: 4px; + background-color: $osd_bg_color; + } +} + +.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; +} + +.search-bar { + background-color: $bg_color; + border-style: solid; + border-color: $borders_color; + border-width: 0 0 1px; + padding: 3px; + //box-shadow: inset 0 1px 2px rgba(0,0,0,0.25); +} + +.action-bar { background-color: darken($bg_color, 3%) } + +/*************** + * Header bars * + ***************/ + +.header-bar { + padding: 7px 7px 6px 7px; + + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: $header_border; + + color: $header_fg; + 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: opacify($header_bg_backdrop, 1); + + .csd & { background-color: $header_bg_backdrop; } // Transparent header-bars only in csd windows + } + + .title { + padding: 0px 12px; + } + + .subtitle { + font-size: smaller; + padding: 0 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; + } + &: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($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); + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + } +} + +.titlebar { + padding-left: 7px; + padding-right: 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 { background-color: opacify($header_bg_backdrop, 1); } + } +} + +.titlebar .titlebar, +.titlebar .titlebar:backdrop { background-color: transparent; } + +// Only extending .header-bar avoids some problems (Gnome Documents searchbar) +.header-bar { + .header-bar-separator, + & > GtkBox > .separator.vertical { @extend %header_separator; } + + @extend %header_widgets; +} + +%header_separator { + -GtkWidget-wide-separators: true; + -GtkWidget-separator-width: 1px; + 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 { + // Header-bar Entries + .entry { + @include entry(header-normal); + + &:backdrop { opacity: 0.85; } + + &:focus { + @include entry(header-focus); + + &.image { color: $selected_fg_color; } + } + &:insensitive { @include entry(header-insensitive); } + + &:selected:focus { + background-color: $selected_fg_color; + color: $selected_bg_color; + } + + &.progressbar { + border-color: $selected_bg_color; + background-image: none; + background-color: transparent; + } + } + + // Header-bar Buttons + .button { + + @include button(header-normal); + + &:backdrop { opacity: 0.7; } + + &:hover { @include button(header-hover); } + &:active, &:checked { @include button(header-active); } + &:insensitive { @include button(header-insensitive); } + &:insensitive:active, &:insensitive:checked { @include button(header-insensitive-active); } + } + + .linked > .button { border-radius: 3px; border-style: solid} + + .linked > .button:hover { box-shadow: none; } + + .linked.stack-switcher > .button, + .linked.path-bar > .button { + @include button(header-hover); + + &:hover { border-color: $selected_bg_color; } + &:active, &:checked { @include button(header-active); } + + @extend %linked; + } + + // Header-bar 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:insensitive { + @include button(undecorated); + color: transparentize($b_color, 0.35); + } + &:insensitive { opacity: 0.75; } + } + .button.#{$b_type}:backdrop, + .button.#{$b_type}:backdrop { + opacity: 0.8; + } + } + + // Header-bar Spinbuttons + & .spinbutton { + + &:focus .button { color: $selected_fg_color; } + + .button { + color: $header_fg; + + &:hover { background-color: rgba(255,255,255,0.1); border-color: transparent; } + &:insensitive { color: transparentize($header_fg, 0.3); } + &:active { background-color: rgba(0,0,0,0.1); } + } + } + + // Header-bar ComboBoxes + & GtkComboBox{ + &:insensitive { color: transparentize($header_fg, 0.6); } + + &.combobox-entry .button { + @include entry(header-normal); + + &:hover { @include entry(header-focus); } + &:insensitive { @include entry(header-insensitive); } + } + } + + // Header-bar Switches + GtkSwitch { + &:backdrop { opacity: 0.75; } + } + + GtkProgressBar { + + &.trough { background-color: transparentize($header_fg, 0.65); } + + &:backdrop { opacity: 0.75; } + } + + // Header-bar Scale + .scale { + + &:backdrop { opacity: 0.75; } + + &.trough { + background-image: linear-gradient(to bottom, transparentize($header_fg, 0.65)); + + &:insensitive { background-image: linear-gradient(to bottom, transparentize($header_fg, 0.7)); } + } + &.slider { + background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 90%), darken($header_bg, 4%))); + + &:insensitive { + background-image: linear-gradient(to bottom, if($darker == 'false', mix($base_color, $header_bg, 40%), darken($header_bg, 1%))); + + @if $darker=='true' { border-color: mix($header_bg, $selected_bg_color, 60%); } + } + } + } +} + +/************ + * Pathbars * + ************/ + +.path-bar .button { + //padding: 5px 6px 6px; + &:first-child { padding-left: 8px; } + &:last-child { padding-right: 8px; } + &:only-child { + padding-left: 12px; + padding-right: 12px; + } + + // the following is for spacing the icon and the label inside the home button + GtkLabel:last-child { padding-left: 2px; } + GtkLabel:first-child { padding-right: 2px; } + GtkLabel:only-child { padding-right: 0; padding-left: 0; } + //GtkImage { padding-top: 1px; } +} + +/************** + * Tree Views * + **************/ +GtkTreeView.view { // treeview grid lines and expanders, unfortunatelly + // the tree lines color can't be set + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; + border-color: transparentize($fg_color, 0.8); // this is actually the line color + // :selected is ignored hence no style for it + + &.dnd { + border-style: solid none; + border-width: 1px; + border-color: mix($fg_color, $selected_bg_color, 50%); + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($fg_color, $base_color, 50%); + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + &:hover { color: $selected_fg_color; } + } + + &:checked { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + + &.progressbar { // progress bar in treeviews + color: $selected_fg_color; + border-radius: 3px; + + &:selected { + color: $selected_bg_color; + box-shadow: none; + background-color: $selected_fg_color; + } + } + + &.trough, &.trough:selected { // progress bar trough in treeviews + color: $fg_color; + background-color: $button_border; + border-radius: 3px; + border-width: 0; + } +} + +column-header { + .button { + @extend %column_header_button; + $_column_header_color: mix($fg_color,$base_color,80%); + color: $_column_header_color; + background-color: $base_color; + &:hover { + @extend %column_header_button; + color: $selected_bg_color; + box-shadow: none; + transition: none; //I shouldn't need this + } + &:active { + @extend %column_header_button; + color: $fg_color; + transition: none; //I shouldn't need this + } + &.dnd { + @extend column-header.button.dnd; + } + } + &:last-child .button, + &:last-child.button { //treeview-like derived widgets in Banshee and Evolution + border-right-style: none; + border-image: none; + } +} + +column-header.button.dnd { // for treeview-like derive widgets + transition: none; + color: $selected_bg_color; + box-shadow: inset 1px 1px 0 1px $selected_bg_color, + inset -1px 0 0 1px $selected_bg_color, + inset 1px 1px $base_color, inset -1px 0 $base_color;; + &:active { @extend column-header.button.dnd; } + &:selected { @extend column-header.button.dnd; } + &:hover { @extend column-header.button.dnd; } +} + +%column_header_button { + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, + transparentize(if($variant == 'light', black, white), 1) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 80%, + transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; + + &:active { background-color: $base_color; } + &:insensitive { + border-color: $bg_color; + background-image: none; + } +} + +/********* + * Menus * + *********/ +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: opacify($header_bg, 1); + color: $header_fg; + + &:backdrop { 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; + } + &:insensitive { + color: transparentize($header_fg, 0.6); + border-color: transparent; + } + } +} + +.menu, .popup { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: $base_color; + border: 1px solid $borders_color; + + .csd & { + padding: 4px 0px; + border-radius: 3px; + border: none; + } + + .menuitem { + padding: 5px; + &: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; + } + &:insensitive { + color: $insensitive_fg_color; + } + + &.separator { color: transparentize($base_color, 1); } + + //submenu indicators + &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + &.arrow:dir(rtl) {-gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); } + } + &.button { // overlow buttons + @extend %undecorated_button; + border-style: none; + border-radius: 0; + &.top { border-bottom: 1px solid mix($fg_color, $base_color, 10%); } + &.bottom { border-top: 1px solid mix($fg_color, $base_color, 10%); } + &:hover { background-color: mix($fg_color, $base_color, 10%); } + &:insensitive { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +.menuitem .accelerator { color: gtkalpha(currentColor,0.55); } + +/************ + * Popovers * + ************/ + +.popover { + margin: 10px; + padding: 2px; + border: 1px solid darken($borders_color, 5%); + border-radius: 3px; + background-clip: border-box; + background-color: $base_color; + + box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); + + & .separator { color: transparentize($base_color, 1); } + GtkLabel.separator { @extend GtkLabel.separator; } // Noice + + > .list, + > .view, + > .toolbar, + &.osd > .toolbar { + border-style: none; + background-color: transparent; + } + &.osd { @extend %osd; } +} + +//touch selection handlebars for the Popover.osd above +.entry.cursor-handle, +.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 { + // Through me you go to the grief wracked city; + // Through me you go to everlasting pain; + // Through me you go a pass among lost souls. + // ... + // Abandon all hope — Ye Who Enter Here + padding: 0; + background-color: $base_color; + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; + transition: all 200ms $ease-out-quad; + + &.frame { + border: 1px solid $borders_color; + // FIXME doesn't work + &.top { border-top-width: 0; } + &.bottom { border-bottom-width: 0; } + &.right { border-right-width: 0; } + &.left { border-left-width: 0; } + } + &.header { + // FIXME: double borders in some case, can't fix it w/o a class tho + // FIXME: doesn't work on dark var + background-color: $bg_color; + + // this is the shading of the header behind the tabs + &.frame { + border: 0px solid $borders_color; + &.top { border-bottom-width: 0; } + &.bottom { border-top-width: 0; } + &.right { border-left-width: 0; } + &.left { border-right-width: 0; } + } + + $_header_border: $borders_color; + &.top { + box-shadow: inset 0 -1px $_header_border; // border + } + &.bottom { + box-shadow: inset 0 1px $_header_border; + } + &.right { + box-shadow: inset 1px 0 $_header_border; + } + &.left { + box-shadow: inset -1px 0 $_header_border; + } + } + tab { + border-width: 0; + border-style: solid; + border-color: transparent; + background-color: transparent; + outline-color: transparent; + + outline-offset: 0; + + // tab sizing + $vpadding: 4px; + $hpadding: 15px; + + //FIXME: we get double border in some cases, not considering the broken + //notebook content frame... + &.top, &.bottom { padding: $vpadding $hpadding; } + &.left, &.right { padding: $vpadding $hpadding; } + + &.reorderable-page { + &.top, &.bottom { + padding-left: 12px; // for a nicer close button + padding-right: 12px; // placement + //border-left-width: 1px; + //border-right-width: 1px; + } + &.left, &.right { + //border-bottom-width: 1px; + //border-top-width: 1px; + } + } + @each $_tab in (top, bottom, right, left) { + &.reorderable-page.#{$_tab}, &.#{$_tab} { + + @if $_tab==top or $_tab==bottom { + padding-#{$_tab}: $vpadding + 2; + } + @else if $_tab==left or $_tab==right { + padding-#{$_tab}: $hpadding + 2; + } + + @if $_tab==top { border-radius: 3.5px 2px 0 0; } + @else if $_tab==bottom { border-radius: 0 0 2px 3.5px; } + @else if $_tab==left { border-radius: 3.5px 0 0 3.5px; } + @else if $_tab==right { border-radius: 0 3.5px 3.5px 0; } + + border-width: 0; + border-#{$_tab}-width: 2px; + border-color: transparent; + background-color: transparentize($base_color, 1); + + &:hover, &.prelight-page { + background-color: transparentize($base_color, 0.5); + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + &:active, &.active-page, &.active-page:hover { + background-color: $base_color; + + @if $_tab==top { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $base_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + @else if $_tab==bottom { + box-shadow: inset 0 -1px $base_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + @else if $_tab==left { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $base_color; + } + @else if $_tab==right { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $base_color, + inset -1px 0 $borders_color; + } + } + } + } + GtkLabel { //tab text + padding: 0 2px; // needed for a nicer focus ring + color: $insensitive_fg_color; + } + .prelight-page GtkLabel, GtkLabel.prelight-page { + // prelight tab text + color: mix($fg_color, $insensitive_fg_color, 50%); + } + .active-page GtkLabel, GtkLabel.active-page { + // active tab text + color: $fg_color; + } + .button { //tab close button + padding: 0; + @extend %undecorated_button; + color: mix($bg_color, $fg_color, 35%); + + &:hover { + color: lighten(red, 15%); + } + &:active { + color: $selected_bg_color; + } + & > GtkImage { // this is a hack which makes tabs grow + padding: 2px; + } + } + } + &.arrow { + color: $insensitive_fg_color; + &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } + &:active { color: $fg_color; } + &:insensitive { + color: transparentize($insensitive_fg_color,0.7); + } + } +} + +/************** + * Scrollbars * + **************/ + +.scrollbar { + background-clip: padding-box; + background-image: none; + border-style: solid; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkRange-slider-width: 11; + -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. + // sadly can't be in '.slider' + // where it belongs + + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; + .button { + border: none; + } + &.trough { @extend .scrollbars-junction; } + &.slider { + border-radius: 20px; + border: 3px solid transparent; //margin :/ + background-color: mix($bg_color, $fg_color, 60%); + &:hover { + background-color: mix($bg_color, $fg_color, 30%); + } + &:prelight:active { + background-color: $selected_bg_color; + } + &.fine-tune { + border-width: 4px; + &:prelight:active { + background-color: $selected_bg_color; + } + } + &:insensitive { + background-color: transparent; + } + } +} + +.scrollbars-junction, +.scrollbars-junction.frame { // the small square between two scrollbars + border-color: transparent; + background-color: $base_color; +} + +/********** + * Switch * + **********/ +GtkSwitch { + font: 1; + -GtkSwitch-slider-width: 41; + outline-color: transparent; + + &.trough, &.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; } + } +} + +@each $i,$j in ('',''), ('.list-row:selected ','-selected') { + + @each $k,$l in ('',''), + (':active','-active'), + (':insensitive','-insensitive'), + (':active:insensitive','-active-insensitive') { + + // load switch troughs from .png files in assets directory + + #{$i}GtkSwitch.trough#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); + } + + .list-row:selected GtkSwitch.trough#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); + } + + .header-bar GtkSwitch.trough#{$k}, + .primary-toolbar GtkSwitch.trough#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); + } + + // load switch sliders from .png files in assets directory + + //#{$i}GtkSwitch.slider#{$k} { + // background-image: -gtk-scaled(url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}.png"),url("assets/switch-slider#{$l}#{$j}#{$asset_suffix}@2.png")); + //} + } +} + +/************************* + * Check and Radio items * + *************************/ + +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + //standard checks and radios + @each $s,$as in ('','-unchecked'), + (':insensitive','-unchecked-insensitive'), + (':inconsistent', '-mixed'), + (':inconsistent:insensitive', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:insensitive','-checked-insensitive') { + .#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); + } + // the borders of checks and radios are + // too similar in luminosity to the selected background color, hence + // we need special casing. + GtkTreeView.view.#{$w}#{$s}:selected, + .list-row:selected .#{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), + url("assets/#{$a}#{$as}-selected@2.png")); + } + } +} + +//selection-mode +@each $s,$as in ('','-selectionmode'), + (':checked', '-checked-selectionmode') { + GtkIconView.view.check#{$s}, + GtkFlowBox.view.check#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), + url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); + background-color: transparent; + } +} + +GtkCheckButton.text-button, GtkRadioButton.text-button { + // this is for a nice focus on check and radios text + padding: 1px 2px 4px; + outline-offset: 0; + &:insensitive, + &:insensitive:active, + &:insensitive:inconsistent { + // set insensitive color, which is overriden otherwise + color: $insensitive_fg_color; + } +} + +/************ + * GtkScale * + ************/ +.scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + outline-radius: 2px; + //@include _shadows(_button_shadow(normal)); + + &.trough { margin: 5px; } + &.fine-tune { + &.trough { border-radius: 5px; margin: 3px; } + } + &.slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, $entry_bg); + border: 1px solid $selected_bg_color; + border-radius: 50%; + box-shadow: none; + + &:hover { + background-image: linear-gradient(to bottom, $selected_bg_color); + border-color: $selected_bg_color; + } + &:insensitive { + background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%)); + border-color: mix($selected_bg_color, $bg_color, 55%); + } + &:active { + background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); + border-color: darken($selected_bg_color, 10%); + } + //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 sliders + .list-row:selected & { + 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%); + } + &:insensitive{ + 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($base_color, 4%)); + + border: none; + border-radius: 2.5px; + background-image: linear-gradient(to bottom, $_scale_trough_bg); + &.highlight { + background-image: linear-gradient(to bottom, $selected_bg_color); + + &:insensitive { + background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45)); + } + } + &:insensitive { + 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); + } + &:insensitive { } + } + // troughs in selected list-rows + .list-row:selected & { + background-image: linear-gradient(to bottom, transparentize(black, 0.8)); + + &.highlight { + background-image: linear-gradient(to bottom, $selected_fg_color); + + &:insensitive { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); } + } + &:insensitive { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } + } + } +} + +/***************** + * Progress bars * + *****************/ + +GtkProgressBar { + padding: 0; + font-size: smaller; + color: transparentize($fg_color, 0.3); + //@include _shadows(_button_shadow(normal)); + + &.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; + } +} + +// moving bit +.progressbar { + background-color: $selected_bg_color; + border: none; + border-radius: 3px; + box-shadow: none; //needed for clipping + &.left.right { + + } + &.osd { + background-color: $selected_bg_color; + } +} + +.osd .scale.progressbar { + background-color: $selected_bg_color; +} + +// background +GtkProgressBar.trough { + border: none; + border-radius: 3px; + background-color: if($variant == 'light', $button_border, darken($base_color, 4%)); + + &.osd { + border-style: none; + background-color: transparent; + box-shadow: none; + //FIXME: there is a margin on top + } +} + +/************* + * Level Bar * + *************/ + +GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; +} + +GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; +} + +.level-bar { + &.trough { + @extend GtkProgressBar.trough; + padding: 3px; + border-radius: 4px; + } + &.fill-block { + // FIXME: it would be nice to set make fill blocks bigger, but we'd need + // :nth-child working on discrete indicators + border: 1px solid $selected_bg_color; + background-color: $selected_bg_color; + border-radius: 2px; + + &.indicator-discrete { + &.horizontal { margin: 0 1px; } + &.vertical { margin: 1px 0; } + } + &.level-high { + border-color: $success_color; + background-color: $success_color; + } + &.level-low { + border-color: $warning_color; + background-color: $warning_color; + } + &.empty-fill-block { + background-color: transparentize($fg_color,0.8); + border-color: transparentize($fg_color,0.8); + } + } +} + + +/********** + * Frames * + **********/ +.frame { + border: 1px solid $borders_color; + &.flat { border-style: none; } + padding: 0; + &.action-bar { + padding: 6px; + border-width: 1px 0 0; + } +} + +GtkScrolledWindow { + GtkViewport.frame { // avoid double borders when viewport inside + // scrolled window + border-style: none; + } +} + +//vbox and hbox separators +.separator { + // always disable separators + // -GtkWidget-wide-separators: true; + color: transparentize(black, 0.9); + + // Font and File button separators + GtkFileChooserButton &, + GtkFontButton &, + GtkFileChooserButton &.vertical, + GtkFontButton &.vertical { + // always disable separators + -GtkWidget-wide-separators: true; + } +} + +/********* + * Lists * + *********/ + +.list, .list-row { + background-color: $base_color; + border-color: $borders_color; +} + +.list-row, +.grid-child { + padding: 2px; +} + +.list-row.button { + @extend %undecorated_button; + background-color: transparentize(black, 1); // for the transition + border-style: none; // I need no borders here + border-radius: 0; // and no rounded corners + box-shadow: none; // and no box-shadow + &:hover { + background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); + } + &:active { + color: $fg_color; + } + &:selected { + &:active { color: $selected_fg_color; } + &:hover { background-color: mix(black, $selected_bg_color, 10%); } + &:insensitive { + color: transparentize($selected_fg_color, 0.3); + background-color: transparentize($selected_bg_color, 0.3); + GtkLabel { color: inherit; } + } + } +} + +.list-row:selected { + @extend %selected_items; + .button { @extend %selected-button } +} + +// transition +.list-row, list-row.button { + transition: all 300ms $ease-out-quad; + &:hover { transition: none; } +} + +/********************* + * App Notifications * + *********************/ + +.app-notification, +.app-notification.frame { + @extend %osd; + padding: 10px; + background-color: $osd_bg_color; + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: darken($osd_bg_color, 10%); + + .button { + @include button(osd); + &.flat { + @extend %undecorated_button; + border-color: transparentize($selected_bg_color, 1); + &:insensitive { @extend %undecorated_button; } + } + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); + } + } +} + +/************* + * Expanders * + *************/ + +GtkExpander { + -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 * + ***********/ +GtkCalendar { + 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); + box-shadow: none; + border: none; + &:hover { + color: $fg_color; + } + } + &.highlight { color: gtkalpha(currentColor,0.55); } +} + +/*********** + * Dialogs * + ***********/ +.message-dialog .dialog-action-area .button { + padding: 8px; +} + +.message-dialog { // Message Dialog styling + -GtkDialog-button-spacing: 0; + + .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } + + &.csd { // rounded bottom border styling for csd version + &.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; + } + .dialog-action-area .button { + padding: 8px; + border-radius: 0; + + @extend %middle_button; + + &:hover, &:active, &:insensitive { + @extend %middle_button; + } + + &:focus { + color: $selected_bg_color; + + &:active, &:checked { color: $selected_fg_color; } + } + +// @each $b_type, $b_color in (suggested-action, $selected_bg_color), +// (destructive-action, $destructive_color) { +// &.#{$b_type} { +// @include button(normal, $b_color, white, $edge:none); +// @extend %middle_button; +// &:hover { +// @include button(hover, $b_color, white, $edge:none); +// @extend %middle_button; +// } +// &:active { +// @include button(active, $b_color, white, $edge:none); +// @extend %middle_button; +// } +// &:insensitive { +// @include button(insensitive, $edge:none); +// @extend %middle_button; +// } +// } +// } + &:first-child{ @extend %first_button; } + &:last-child { @extend %last_button; } + } + %middle_button { + border-right-style: none; + border-bottom-style: none; + } + %last_button { + border-bottom-right-radius: 3px; + } + %first_button { + border-left-style: none; + border-bottom-left-radius: 3px; + } + } +} + +GtkFileChooserDialog { + .search-bar { + background-color: $bg_color; + border-color: $borders_color; + box-shadow: none; + } + .dialog-action-box { + border-top: 1px solid $borders_color; + } +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border: none; + background-color: $bg_color; + + .scrollbar { + &.trough { + background-color: transparent; + border-width: 2px; + border-color: transparent; + } + } + &:selected { + background-color: $selected_bg_color; + } +} + +// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color +GtkPlacesSidebar.sidebar .view { + + color: $fg_color; + background-color: transparent; + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &.separator { @extend .separator; } +} + +.sidebar-item { + padding: 10px 4px; + > GtkLabel { + padding-left: 6px; + padding-right: 6px; + } + &.needs-attention > GtkLabel { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } +} + +GtkPaned { + // This is actually the invisible area of the paned separator, not a margin... + margin: 0 8px 8px 0; //drag area of the separator + &:dir(rtl) { + margin-right: 0; + margin-left: 8px; + } +} + +.pane-separator { + //FIXME abusing a background-image to get rid of the handle decoration + //I'd like something better... + background-image: linear-gradient(to bottom, $borders_color); +} + +/************** + * GtkInfoBar * + **************/ +GtkInfoBar { + border-style: none; + + .button { @extend %selected-button } +} + +.info, +.question, +.warning, +.error, +GtkInfoBar { + background-color: $selected_bg_color; + color: $selected_fg_color; +} + + +// +// Buttons on selected backgrounds +// +%selected-button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.5); + + &.flat { + @include button(undecorated); + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + } + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 0.8); + border-color: transparentize($selected_fg_color, 0.2); + } + &:active, &:active:hover, &:checked { + color: $selected_bg_color; + outline-color: transparentize($selected_bg_color, 0.7); + background-color: $selected_fg_color; + border-color: $selected_fg_color; + } + &:insensitive { + 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: $tooltip_bg; + background-clip: padding-box; + } + + color: $tooltip_fg; + border-radius: 2px; + + &.window-frame.csd { + background-color: transparent; + } +} + +.tooltip * { //Yeah this is ugly + padding: 4px; + background-color: transparent; + color: inherit; // just to be sure +} + +/***************** + * Color Chooser * + *****************/ + +GtkColorSwatch { + border: none; + box-shadow: inset 0 1px 1px transparentize(black, 0.6); + + &.color-light { + &:hover { + background-image: linear-gradient(to bottom, + transparentize(white, 0.6)); + } + } + &.color-dark { + &:hover { + background-image: linear-gradient(to bottom, + transparentize(white, 0.8)); + } + } + + &:hover { + border-color: transparentize(black, 0.5); + } + + &.top { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + &.bottom { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + &.left, &:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + &.right, &:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + &:only-child { + border-radius: 3px; + } + &.color-active-badge { + border-width: 2px; + &:hover { background-image: none; } + &.color-light, &.color-light:hover { + color: transparentize(black,0.7); + border-color: transparentize(black,0.7); + } + &.color-dark, &.color-dark:hover { + color: transparentize(white,0.5); + border-color: transparentize(white,0.5); + } + } +} +GtkColorChooserWidget #add-color-button { + border-color: mix($borders_color,$bg_color,50%); + background-color: mix($borders_color,$bg_color,50%); + color: $bg_color; + box-shadow: none; + &:hover { + border-color: $borders_color; + background-color: $borders_color; + } +} + +GtkColorButton.button { + padding: 4px; // Uniform padding on the GtkColorButton + + GtkColorSwatch { border-radius: 0; } +} + +/******** + * Misc * + ********/ +.scale-popup .button { // +/- buttons on GtkVolumeButton popup + padding: 6px; + &:hover { + @include button(hover); + } +} + +GtkVolumeButton.button { padding: 8px; } + +/********************** + * Window Decorations * + *********************/ + +.window-frame { + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); + + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), + 0 4px 8px 1px if($darker == 'false', opacify($_wm_border, 0.1), opacify($_wm_border, 0.15)); + + /* this is used for the resize cursor area */ + margin: 10px; + + &:backdrop { + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), + 0 4px 5px 2px if($darker == 'false', $_wm_border, opacify($_wm_border, 0.15)); + } + &.tiled { + border-radius: 0; + } + &.csd { + &.popup, &.menu { + border-radius: 3px; + 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($base_color, 10%)); + } + &.tooltip { + border-radius: 2px; + box-shadow: 0 1px 3px 1px $_wm_border; + } + &.message-dialog { border-radius: 3px; } + } +} + +// +// Titlebuttons +// + +.header-bar, .titlebar, +.header-bar.selection-mode, .titlebar.selection-mode { + + .button.titlebutton { + padding: 7px 4px; + + @include button(undecorated); + background-color: transparentize($header_bg, 1); + border-width: 0; + + color: transparent; + background-position: center; + background-repeat: no-repeat; + + &:backdrop { opacity: 1; } + } + + // Minimize + + .right .button.titlebutton:nth-last-child(3), + .right:dir(rtl) .button.titlebutton:nth-child(3), + .left .button.titlebutton:nth-child(3), + .left:dir(rtl) .button.titlebutton:nth-last-child(3) { + background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); + + &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); } + &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); } + &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); } +} + + // Maximize + + .right .button.titlebutton:nth-last-child(2), + .right:dir(rtl) .button.titlebutton:nth-child(2), + .left .button.titlebutton:nth-child(2), + .left:dir(rtl) .button.titlebutton:nth-last-child(2) { + background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); + + &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); } + &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); } + &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); } +} + + // Close + + .right .button.titlebutton:last-child, + .right:dir(rtl) .button.titlebutton:first-child, + .left .button.titlebutton:first-child, + .left:dir(rtl) .button.titlebutton:last-child { + background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); + + &:hover, &:backdrop:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); } + &:active:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); } + &:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); } + } +} + +// Fallback menubutton +.header-bar .left GtkMenuButton.button.titlebutton:first-child, +.header-bar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, +.header-bar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, +.header-bar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, +.titlebar .left GtkMenuButton.button.titlebutton:first-child, +.titlebar .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child, +.titlebar.selection-mode .left GtkMenuButton.button.titlebutton:first-child, +.titlebar.selection-mode .left:dir(rtl) GtkMenuButton.button.titlebutton:last-child { + + padding: 4px 6px 4px 6px; + + + @include button(undecorated); + + &:hover { + + } + &:active, &:checked { + + } + &:backdrop { } +} + + +// catch all extend :) + +%selected_items { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); +} + +/* Decouple the font of context menus from their entry/textview */ +.touch-selection, +.context-menu { + font: initial; +} + +.monospace { + font: Monospace; +} + +// +// Overshoot +// +// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. +// This draws a box on top of the content, the size changes programmatically. +.overshoot { + &.top { @include overshoot(top); } + &.bottom { @include overshoot(bottom); } + &.left { @include overshoot(left); } + &.right { @include overshoot(right); } +} + +// +// Undershoot +// +// Overflow indication, works similarly to the overshoot, the size if fixed tho. +.undershoot { + &.top { @include undershoot(top); } + &.bottom { @include undershoot(bottom); } + &.left { @include undershoot(left); } + &.right { @include undershoot(right); } +} diff --git a/common/gtk-3.0/3.14/sass/_drawing.scss b/common/gtk-3.0/3.14/sass/_drawing.scss new file mode 100644 index 0000000..378e5d9 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_drawing.scss @@ -0,0 +1,377 @@ +// Drawing mixins + +// generic drawing of more complex things + +@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { +// +// Helper function to stack up to 4 box-shadows; +// + + @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } + @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } + @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } + @else { box-shadow: $shadow1; } +} + +// Entries + +@mixin entry($t) { +// +// Entries drawing function +// +// $t: entry type +// + + @if $t==normal { + // + // normal entry + // + color: $text_color; + 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: $selected_bg_color; + background-color: $entry_bg; + background-image: linear-gradient(to bottom, $entry_bg); + } + + @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)); + } + + $_header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 4%), 0.1), transparentize($base_color, 0.1)); + $_header_entry_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 10%), transparentize($header_fg, 0.7)); + + @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: $selected_bg_color; + 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.35)); + } + + @else if $t==osd { + // + // normal osd button + // + color: $osd_fg_color; + border-color: transparentize($osd_fg_color, 0.7); + background-color: transparent; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-focus { + // + // active osd button + // + color: $selected_bg_color; + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: transparentize($osd_fg_color, 0.8); + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + } +} + +// 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: $selected_bg_color; + background-color: $button_bg; + } + + @else if $t==active { + // + // pushed button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + + @else if $t==insensitive { + // + // insensitive button + // + color: $insensitive_fg_color; + border-color: transparentize($button_border, 0.45); + background-color: transparentize($button_bg, 0.45); + + > GtkLabel { color: inherit; } + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: transparentize($selected_fg_color, 0.45); + border-color: transparentize($selected_bg_color, 0.45); + background-color: transparentize($selected_bg_color, 0.45); + + opacity: 0.6; + + > GtkLabel { color: inherit; } + } + + $_header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 3%), 0.1), transparentize($button_bg, 0.1)); + $_header_button_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 8%), transparentize($header_fg, 0.7)); + + @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: $selected_bg_color; + background-color: $selected_bg_color; + } + + @else if $t==header-insensitive { + // + // insensitive header-bar button + // + color: transparentize($header_fg, 0.45); + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + + > GtkLabel { color: inherit; } + } + + @else if $t==header-insensitive-active { + // + // header-bar insensitive pushed button + // + color: transparentize($selected_fg_color, 0.25); + border-color: transparentize($selected_bg_color, 0.35); + background-color: transparentize($selected_bg_color, 0.35); + } + + @else if $t==osd { + // + // normal osd button + // + color: $osd_fg_color; + outline-color: transparentize($osd_fg_color, 0.7); + border-color: transparentize($osd_fg_color, 0.7); + background-color: transparent; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-hover { + // + // active osd button + // + color: $selected_bg_color; + outline-color: transparentize($osd_fg_color, 0.7); + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, darken($osd_bg_color, 5%)); + } + + @else if $t==osd-active { + // + // active osd button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $selected_bg_color; + background-image: linear-gradient(to bottom, $selected_bg_color); + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: transparentize($osd_fg_color, 0.8); + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color); + } + + @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; +} diff --git a/common/gtk-3.0/3.14/sass/_granite.scss b/common/gtk-3.0/3.14/sass/_granite.scss new file mode 100644 index 0000000..1e53c7f --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_granite.scss @@ -0,0 +1,214 @@ +// Granite Widgets + +// +// Overlay Bar +// +.overlay-bar { + background-color: $selected_bg_color; + border-color: $selected_bg_color; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; + + GtkLabel { 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 +// +.secondary-toolbar.toolbar { + padding: 3px; + border-bottom: 1px solid $borders_color; + + .button { padding: 0 3px 0 3px; } +} + +// +// Bottom Toolbars +// +.bottom-toolbar.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:prelight { + background-color: lighten($bg_color, 5%); +} + +.source-list.view:selected, +.source-list.view:prelight:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; +} + +.source-list .scrollbar.trough, +.source-list .scrollbars-junction { + border-image: none; + border-color: transparent; + background-color: $bg_color; + background-image: none; +} + +.source-list.badge, +.source-list.badge:prelight, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:prelight: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:prelight: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 GtkLabel { + 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; +} + +// +// 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; + text-shadow: 0 1px transparentize(white, 0.4); +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4{ + padding-left: 6px; +} diff --git a/common/gtk-3.0/3.14/sass/_lightdm.scss b/common/gtk-3.0/3.14/sass/_lightdm.scss new file mode 100644 index 0000000..9b14d09 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_lightdm.scss @@ -0,0 +1,141 @@ +/* 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:insensitive { + color: darken($panel_fg, 20%); + + GtkLabel { 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: transparentize($bg_color, 0.05); + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +#content_frame .button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:insensitive { @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: $osd_bg_color; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +#buttonbox_frame .button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @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: 3px; +} + +/* the border around the user's avatar box */ +#user_image_border {} + +/* the shutdown button */ +#shutdown_button.button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $destructive_color; + background-color: $destructive_color; + background-image: none; + background-clip: border-box; + + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($destructive_color, 9%); + background-color: lighten($destructive_color, 9%); + background-image: none; + } + &:active, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($destructive_color, 7%); + background-color: darken($destructive_color, 7%); + background-image: none; + } +} + +/* the restart button */ +#restart_button.button { + $_restart_bg: #51CF74; + + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $_restart_bg; + background-color: $_restart_bg; + background-image: none; + background-clip: border-box; + + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: lighten($_restart_bg, 9%); + background-color: lighten($_restart_bg, 9%); + background-image: none; + } + &:active, &:checked { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: darken($_restart_bg, 7%); + background-color: darken($_restart_bg, 7%); + background-image: none; + } +} + +/* 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.14/sass/_transparent_widgets.scss b/common/gtk-3.0/3.14/sass/_transparent_widgets.scss new file mode 100644 index 0000000..16bf819 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_transparent_widgets.scss @@ -0,0 +1,237 @@ +.titlebar .separator { + color: $header_border; //fixes separator in gnome-tweak-tool +} + +NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar + +GtkFileChooserDialog *, +NautilusWindow *, +NemoWindow { + -GtkPaned-handle-size: 0; +} + +@if $variant==dark { + GtkFileChooserDialog, + NautilusWindow , + NemoWindow { + .sidebar { border-right: 1px solid $dark_sidebar_border; } + + .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } + } +} + +// Dark transparent sidebars +GtkFileChooserDialog, +NautilusWindow, +NemoWindow, +MarlinViewWindow { + + &.csd.background, + .source-list, .source-list.view, .source-list.view:prelight { background-color: transparent; } + + GtkBox.sidebar { background-color: transparent; } + + .sidebar, MarlinPlacesSidebar, NemoPlacesSidebar { + background-color: $dark_sidebar_bg; + + .view, .source-list.sidebar row { + background-color: transparent; + color: $dark_sidebar_fg; + + &.image { color: transparentize($dark_sidebar_fg, 0.4); } + + &.cell:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + &.frame { + color: $dark_sidebar_fg; + } + + .separator { color: transparent; } + + .scrollbar { + + &.trough { background-color: transparent; border-color: transparent; } + + &.slider { + border-radius: 20px; + border: 3px solid transparent; //margin :/ + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + &:hover { + background-color: lighten($dark_sidebar_fg, 20%); + } + &:prelight:active { + background-color: $selected_bg_color; + } + &.fine-tune { + border-width: 4px; + &:prelight:active { + background-color: $selected_bg_color; + } + } + &:insensitive { + background-color: transparent; + } + } + } + } + &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } + + .pane-separator { background-color: $dark_sidebar_border; } +} + +GtkFileChooserDialog { + + &.background.csd, .background { background-color: $dark_sidebar_bg } + .sidebar { background-color: transparent } + + // Yeah, this is ugly, but prevents a transparent background in the image preview box + GtkPaned > .vertical > .horizontal { background-color: $bg_color; } + + // fix for non gnome environments + .dialog-action-box { background-color: $bg_color } + + .dialog-vbox > .frame { + color: $dark_sidebar_fg; + border-color: transparent; + } + .action-bar.frame { + background-color: transparent; + border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); + } + + .action-bar.frame, + .dialog-vbox > .frame { + + .button { @extend %dark_sidebar_button; } + .entry { @extend %dark_sidebar_entry; } + + GtkLabel, GtkComboBox { color: $dark_sidebar_fg; } + } +} + +// Gedit sidebar +GeditWindow.background.csd { + background-color: transparent; + + .pane-separator, + .pane-separator:hover { background-color: $dark_sidebar_border; } + + .titlebar .pane-separator, + &.maximized .titlebar .pane-separator, + .titlebar .pane-separator:backdrop, + &.maximized .titlebar .pane-separator:backdrop { background-color: $header_border; } +} + +.gedit-bottom-panel-paned { background-color: $base_color; } + +.gedit-document-panel { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + .list-row { color: $dark_sidebar_fg; } + + .list-row { + background-color: transparentize($dark_sidebar_fg, 1); + border: solid transparentize($dark_sidebar_fg, 1); + border-width: 3px 2px 3px 2px; + } + .list-row:hover { + border: solid transparentize($dark_sidebar_fg, 0.85); + border-width: 3px 2px 3px 2px; + background-color: transparentize($dark_sidebar_fg, 0.85); + } + .list-row:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + + .button { color: $selected_fg_color; } + } + .list-row:selected, .list-row:selected:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + } + .prelight-row .button:active { + color: $dark_sidebar_fg; + } +} + +GeditWindow.background.csd GeditFileBrowserWidget { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + .scrollbar { + + &.trough { background-color: transparent; border-color: transparent; } + + &.slider { + border-radius: 20px; + border: 3px solid transparent; //margin :/ + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + &:hover { + background-color: lighten($dark_sidebar_fg, 20%); + } + &:prelight:active { + background-color: $selected_bg_color; + } + &.fine-tune { + border-width: 4px; + &:prelight:active { + background-color: $selected_bg_color; + } + } + &:insensitive { + background-color: transparent; + } + } + } + + .scrollbars-junction, + .scrollbars-junction.frame { // the small square between two scrollbars + border-color: transparent; + background-color: transparent; + } + + .horizontal { + background-color: transparent; + border-color: darken($dark_sidebar_bg, 7%); + + .button { @extend %dark_sidebar_button; } + GtkComboBox { color: $dark_sidebar_fg; } + } +} + +GeditWindow.background.csd GeditFileBrowserView.view { + + background-color: transparent; + color: $dark_sidebar_fg; + + &.expander { + color: $dark_sidebar_fg; + &:hover { color: $selected_bg_color; } + } +} + +%dark_sidebar_button { + @include button(osd); + + &:hover { @include button(osd-hover) } + &:active, &:checked { @include button(osd-active); } + &:insensitive { @include button(osd-insensitive); } +} + +%dark_sidebar_entry { + @include entry(osd); + + &:focus { @include entry(osd-focus) } + &:insensitive { @include entry(osd-insensitive); } +} diff --git a/common/gtk-3.0/3.14/sass/_unity.scss b/common/gtk-3.0/3.14/sass/_unity.scss new file mode 100644 index 0000000..d88377a --- /dev/null +++ b/common/gtk-3.0/3.14/sass/_unity.scss @@ -0,0 +1,56 @@ +// 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; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: $selected_bg_color; + border-bottom: none; +} diff --git a/common/gtk-3.0/3.14/sass/gtk-contained-dark.scss b/common/gtk-3.0/3.14/sass/gtk-contained-dark.scss new file mode 100644 index 0000000..f47d7b5 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained-dark.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$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.14/sass/gtk-contained-darker.scss b/common/gtk-3.0/3.14/sass/gtk-contained-darker.scss new file mode 100644 index 0000000..63166d2 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained-darker.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$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.14/sass/gtk-contained-solid-dark.scss b/common/gtk-3.0/3.14/sass/gtk-contained-solid-dark.scss new file mode 100644 index 0000000..157292d --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained-solid-dark.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$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.14/sass/gtk-contained-solid-darker.scss b/common/gtk-3.0/3.14/sass/gtk-contained-solid-darker.scss new file mode 100644 index 0000000..03ba34b --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained-solid-darker.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$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.14/sass/gtk-contained-solid.scss b/common/gtk-3.0/3.14/sass/gtk-contained-solid.scss new file mode 100644 index 0000000..347cf2c --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained-solid.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$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.14/sass/gtk-contained.scss b/common/gtk-3.0/3.14/sass/gtk-contained.scss new file mode 100644 index 0000000..c45d673 --- /dev/null +++ b/common/gtk-3.0/3.14/sass/gtk-contained.scss @@ -0,0 +1,18 @@ +// General guidelines: +// - very unlikely you want to edit something else than _common.scss +// - keep the number of defined colors to a minimum, use the color blending functions if +// you need a subtle shade + +$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'; -- cgit v1.2.3