diff --git a/templates/gtk3-oodwaita/templates/gtk.css b/templates/gtk3-oodwaita/templates/gtk.css index 0ad76d4..bdce7c6 100644 --- a/templates/gtk3-oodwaita/templates/gtk.css +++ b/templates/gtk3-oodwaita/templates/gtk.css @@ -874,57 +874,27 @@ popover.background separator { margin: 6px 0; } popover.background list separator { margin: 0px; } -notebook > header { padding: 0px; border-color: alpha(currentColor,0.15); border-width: 0px; background-color: @window_bg_color; box-shadow: none; } +window.background:not(.solid-csd):not(.csd) > notebook > header { border: 0; } -notebook > header.top { box-shadow: inset 0 -1px alpha(currentColor,0.15); } +window.background:not(.solid-csd):not(.csd) > notebook > header tab { margin: 0; } -notebook > header.bottom { box-shadow: inset 0 1px alpha(currentColor,0.15); } +notebook, notebook.frame { border: none; } -notebook > header.left { box-shadow: inset -1px 0 alpha(currentColor,0.15); } - -notebook > header.right { box-shadow: inset 1px 0 alpha(currentColor,0.15); } +notebook > header { padding: 6px; border: none; background-color: @window_bg_color; box-shadow: none; border-color: transparent; } notebook > header tabs { margin: 0px; } -notebook > header.top { border-bottom-style: solid; } - -notebook > header.top > tabs { margin-bottom: 0px; } - -notebook > header.top > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } - -notebook > header.top > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.top > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 0 -4px @accent_bg_color; } - -notebook > header.bottom { border-top-style: solid; } - -notebook > header.bottom > tabs { margin-top: 0px; } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 0 4px @accent_bg_color; } - -notebook > header.left { border-right-style: solid; } +notebook > header.top, notebook > header.bottom, notebook > header.left, notebook > header.right { border-bottom-style: solid; } -notebook > header.left > tabs { margin-right: 0px; } +notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin-bottom: 0px; } -notebook > header.left > tabs > tab:not(.reorderable-page):hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } +notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { padding: 2px 8px; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: transparent; } -notebook > header.left > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } +notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { background-color: alpha(currentColor,0.07); } -notebook > header.left > tabs > tab:not(.reorderable-page):checked { box-shadow: inset -4px 0 @accent_bg_color; } +notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { background-color: alpha(currentColor,0.1); } -notebook > header.right { border-left-style: solid; } - -notebook > header.right > tabs { margin-left: 0px; } - -notebook > header.right > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } - -notebook > header.right > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.right > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 4px 0 @accent_bg_color; } +notebook > header.top > tabs > tab:checked:hover, notebook > header.bottom > tabs > tab:checked:hover, notebook > header.left > tabs > tab:checked:hover, notebook > header.right > tabs > tab:checked:hover { background-color: alpha(currentColor,0.13); } notebook > header.top > tabs > arrow { border-top-style: none; } @@ -954,23 +924,13 @@ notebook > header > tabs > arrow:disabled { border-color: transparent; backgroun notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: @window_fg_color; font-weight: normal; border-width: 0px; border-color: transparent; } -notebook > header tab.reorderable-page { background-color: mix(currentColor,@window_bg_color,0.88); box-shadow: inset -1px -1px alpha(currentColor,0.15); border: none; } - -notebook > header tab:hover { color: @window_fg_color; } +notebook > header tab.reorderable-page { -gtk-outline-radius: 8px; outline-width: 2px; outline-offset: -2px; outline-style: solid; outline-color: alpha(@accent_color,0.5); } -notebook > header tab:hover.reorderable-page { border-color: alpha(currentColor,0.15); background-color: mix(currentColor,@window_bg_color,0.853); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px alpha(currentColor,0.15); transition: background-color 150ms ease-in-out; } +notebook > header tab.reorderable-page:hover { background-color: alpha(currentColor,0.07); } -notebook > header tab:hover.reorderable-page:backdrop { background-color: mix(currentColor,@window_bg_color,0.84); } +notebook > header tab.reorderable-page:checked { background-color: alpha(currentColor,0.1); } -notebook > header tab:backdrop.reorderable-page { color: mix(mix(@window_fg_color,@window_bg_color,0.5),@window_bg_color,0.4); border-color: transparent; background-color: mix(currentColor,@window_bg_color,0.9); box-shadow: inset -1px -1px alpha(currentColor,0.15); } - -notebook > header tab:checked { color: @window_fg_color; } - -notebook > header tab:checked.reorderable-page { border-width: 0; border-color: alpha(currentColor,0.15); background-color: mix(currentColor,@window_bg_color,0.923); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px @accent_bg_color; } - -notebook > header tab:checked.reorderable-page:hover { background-color: shade(mix(currentColor,@window_bg_color,0.923),0.971); } - -notebook > header tab:backdrop:checked.reorderable-page { color: mix(@window_fg_color,@window_bg_color,0.5); border-color: alpha(currentColor,0.15); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px alpha(@accent_bg_color,0.5); background-color: @window_bg_color; } +notebook > header tab.reorderable-page:checked:hover { background-color: alpha(currentColor,0.13); } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; border-radius: 100%; } @@ -994,7 +954,7 @@ notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; margin-left: 0px; margin-right: 0px; } +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none; margin-left: 0px; margin-right: 0px; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } @@ -1012,7 +972,7 @@ notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } -notebook > stack:not(:only-child) { background-color: @view_bg_color; } +notebook > stack:not(:only-child) { background-color: @window_bg_color; } scrollbar { background-color: @view_bg_color; transition: all 200ms linear; } @@ -2776,46 +2736,6 @@ button.back-button:dir(rtl), button.back-button.text-button:dir(rtl) { padding: .checkerboard { box-shadow: 0px 1px 2px 0px alpha(mix(currentColor,@window_bg_color,0.853),0.5), 0px 0px 0px 1px alpha(mix(currentColor,@window_bg_color,0.853),0.5), 0px 2px 0px 0px alpha(mix(currentColor,@window_bg_color,0.853),0.5); border-radius: 2px; } -.org-gnome-gedit notebook > header, .gedit-side-panel-paned notebook > header, .nautilus-window notebook > header { background-color: @headerbar_bg_color; border-bottom: 1px solid @headerbar_shade_color; box-shadow: none; } - -.org-gnome-gedit notebook > header:backdrop, .gedit-side-panel-paned notebook > header:backdrop, .nautilus-window notebook > header:backdrop { background-color: @headerbar_backdrop_color; box-shadow: none; } - -.org-gnome-gedit notebook arrow.down + tab.reorderable-page, .gedit-side-panel-paned notebook arrow.down + tab.reorderable-page, .nautilus-window notebook arrow.down + tab.reorderable-page, .org-gnome-gedit notebook tab:first-child.reorderable-page, .gedit-side-panel-paned notebook tab:first-child.reorderable-page, .nautilus-window notebook tab:first-child.reorderable-page { background-image: none; box-shadow: none; } - -.org-gnome-gedit notebook tab.reorderable-page, .gedit-side-panel-paned notebook tab.reorderable-page, .nautilus-window notebook tab.reorderable-page { -gtk-outline-radius: 8px; outline-width: 2px; outline-style: solid; outline-color: alpha(@accent_color,0.5); min-height: 37px; padding: 4px 0 0 0; box-shadow: none; border: none; color: @headerbar_fg_color; background-color: @headerbar_bg_color; background-image: -gtk-scaled(url("assets/tab-border-light.png"), url("assets/tab-border-light@2.png")); background-position: left; background-repeat: no-repeat; } - -.org-gnome-gedit notebook tab.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab.reorderable-page:backdrop, .nautilus-window notebook tab.reorderable-page:backdrop { box-shadow: none; } - -.org-gnome-gedit notebook tab.reorderable-page > box, .gedit-side-panel-paned notebook tab.reorderable-page > box, .nautilus-window notebook tab.reorderable-page > box { margin: 0 3px 3px 3px; padding-right: 8px; border-radius: 6px; } - -.org-gnome-gedit notebook tab.reorderable-page > box > label, .gedit-side-panel-paned notebook tab.reorderable-page > box > label, .nautilus-window notebook tab.reorderable-page > box > label { padding-left: 8px; } - -.org-gnome-gedit notebook tab.reorderable-page > box button, .gedit-side-panel-paned notebook tab.reorderable-page > box button, .nautilus-window notebook tab.reorderable-page > box button { margin: 8px 0; } - -.org-gnome-gedit notebook tab:hover.reorderable-page, .gedit-side-panel-paned notebook tab:hover.reorderable-page, .nautilus-window notebook tab:hover.reorderable-page { color: @headerbar_fg_color; background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:hover.reorderable-page > box, .gedit-side-panel-paned notebook tab:hover.reorderable-page > box, .nautilus-window notebook tab:hover.reorderable-page > box { background-color: alpha(currentColor,0.07); transition: background-color 150ms ease-in-out; } - -.org-gnome-gedit notebook tab:hover.reorderable-page, .gedit-side-panel-paned notebook tab:hover.reorderable-page, .nautilus-window notebook tab:hover.reorderable-page, .org-gnome-gedit notebook tab:hover.reorderable-page + tab, .gedit-side-panel-paned notebook tab:hover.reorderable-page + tab, .nautilus-window notebook tab:hover.reorderable-page + tab { background-image: none; } - -.org-gnome-gedit notebook tab:hover.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab:hover.reorderable-page:backdrop, .nautilus-window notebook tab:hover.reorderable-page:backdrop { background-color: transparent; box-shadow: none; } - -.org-gnome-gedit notebook tab:backdrop.reorderable-page, .gedit-side-panel-paned notebook tab:backdrop.reorderable-page, .nautilus-window notebook tab:backdrop.reorderable-page { color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page, .gedit-side-panel-paned notebook tab:checked.reorderable-page, .nautilus-window notebook tab:checked.reorderable-page { color: @headerbar_fg_color; background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page > box, .nautilus-window notebook tab:checked.reorderable-page > box { background-color: alpha(currentColor,0.1); transition: background-color 150ms ease-in-out; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover, .nautilus-window notebook tab:checked.reorderable-page:hover, .org-gnome-gedit notebook tab:checked.reorderable-page:active, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active, .nautilus-window notebook tab:checked.reorderable-page:active { box-shadow: none; background-color: transparent; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover > box, .nautilus-window notebook tab:checked.reorderable-page:hover > box, .org-gnome-gedit notebook tab:checked.reorderable-page:active > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active > box, .nautilus-window notebook tab:checked.reorderable-page:active > box { background-color: alpha(currentColor,0.13); } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover:backdrop, .nautilus-window notebook tab:checked.reorderable-page:hover:backdrop, .org-gnome-gedit notebook tab:checked.reorderable-page:active:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active:backdrop, .nautilus-window notebook tab:checked.reorderable-page:active:backdrop { box-shadow: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page, .gedit-side-panel-paned notebook tab:checked.reorderable-page, .nautilus-window notebook tab:checked.reorderable-page, .org-gnome-gedit notebook tab:checked.reorderable-page + tab, .gedit-side-panel-paned notebook tab:checked.reorderable-page + tab, .nautilus-window notebook tab:checked.reorderable-page + tab { background-image: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:backdrop, .nautilus-window notebook tab:checked.reorderable-page:backdrop { background-color: transparent; box-shadow: none; } - .nautilus-window headerbar .path-bar-box, .nautilus-window .titlebar .path-bar-box { border-radius: 6px; border: none; padding-right: 6px; color: @headerbar_fg_color; outline-color: alpha(@accent_color,0.5); background-color: mix(currentColor,@headerbar_bg_color,0.9); } .nautilus-window headerbar .path-bar-box:backdrop, .nautilus-window .titlebar .path-bar-box:backdrop { color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.2); background-color: mix(currentColor,@headerbar_backdrop_color,0.9); text-shadow: none; -gtk-icon-shadow: none; } @@ -2906,6 +2826,10 @@ button.back-button:dir(rtl), button.back-button.text-button:dir(rtl) { padding: .disk-space-display.free.border { color: shade(#eeeeec, 0.7); } +.org-gnome-gedit notebook > header, .gedit-side-panel-paned notebook > header { background-color: @headerbar_bg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } + +.org-gnome-gedit notebook > header:backdrop, .gedit-side-panel-paned notebook > header:backdrop { background-color: @headerbar_backdrop_color; } + .gedit-search-slider { background: @window_bg_color; border: 1px solid mix(currentColor,@window_bg_color,0.853); border-top-style: none; padding: 4px 8px; border-radius: 0 0 6px 6px; } .gedit-search-slider button { padding-top: 7px; padding-bottom: 7px; } diff --git a/templates/gtk3-oodwaita/templates/gtk.mustache b/templates/gtk3-oodwaita/templates/gtk.mustache index 7c93d29..50787a2 100644 --- a/templates/gtk3-oodwaita/templates/gtk.mustache +++ b/templates/gtk3-oodwaita/templates/gtk.mustache @@ -874,57 +874,27 @@ popover.background separator { margin: 6px 0; } popover.background list separator { margin: 0px; } -notebook > header { padding: 0px; border-color: alpha(currentColor,0.15); border-width: 0px; background-color: @window_bg_color; box-shadow: none; } +window.background:not(.solid-csd):not(.csd) > notebook > header { border: 0; } -notebook > header.top { box-shadow: inset 0 -1px alpha(currentColor,0.15); } +window.background:not(.solid-csd):not(.csd) > notebook > header tab { margin: 0; } -notebook > header.bottom { box-shadow: inset 0 1px alpha(currentColor,0.15); } +notebook, notebook.frame { border: none; } -notebook > header.left { box-shadow: inset -1px 0 alpha(currentColor,0.15); } - -notebook > header.right { box-shadow: inset 1px 0 alpha(currentColor,0.15); } +notebook > header { padding: 6px; border: none; background-color: @window_bg_color; box-shadow: none; border-color: transparent; } notebook > header tabs { margin: 0px; } -notebook > header.top { border-bottom-style: solid; } - -notebook > header.top > tabs { margin-bottom: 0px; } - -notebook > header.top > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } - -notebook > header.top > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.top > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 0 -4px @accent_bg_color; } - -notebook > header.bottom { border-top-style: solid; } - -notebook > header.bottom > tabs { margin-top: 0px; } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 0 4px @accent_bg_color; } - -notebook > header.left { border-right-style: solid; } +notebook > header.top, notebook > header.bottom, notebook > header.left, notebook > header.right { border-bottom-style: solid; } -notebook > header.left > tabs { margin-right: 0px; } +notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin-bottom: 0px; } -notebook > header.left > tabs > tab:not(.reorderable-page):hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } +notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { padding: 2px 8px; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: transparent; } -notebook > header.left > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } +notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { background-color: alpha(currentColor,0.07); } -notebook > header.left > tabs > tab:not(.reorderable-page):checked { box-shadow: inset -4px 0 @accent_bg_color; } +notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { background-color: alpha(currentColor,0.1); } -notebook > header.right { border-left-style: solid; } - -notebook > header.right > tabs { margin-left: 0px; } - -notebook > header.right > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } - -notebook > header.right > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.right > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 4px 0 @accent_bg_color; } +notebook > header.top > tabs > tab:checked:hover, notebook > header.bottom > tabs > tab:checked:hover, notebook > header.left > tabs > tab:checked:hover, notebook > header.right > tabs > tab:checked:hover { background-color: alpha(currentColor,0.13); } notebook > header.top > tabs > arrow { border-top-style: none; } @@ -954,23 +924,13 @@ notebook > header > tabs > arrow:disabled { border-color: transparent; backgroun notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: @window_fg_color; font-weight: normal; border-width: 0px; border-color: transparent; } -notebook > header tab.reorderable-page { background-color: mix(currentColor,@window_bg_color,0.88); box-shadow: inset -1px -1px alpha(currentColor,0.15); border: none; } - -notebook > header tab:hover { color: @window_fg_color; } +notebook > header tab.reorderable-page { -gtk-outline-radius: 8px; outline-width: 2px; outline-offset: -2px; outline-style: solid; outline-color: alpha(@accent_color,0.5); } -notebook > header tab:hover.reorderable-page { border-color: alpha(currentColor,0.15); background-color: mix(currentColor,@window_bg_color,0.853); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px alpha(currentColor,0.15); transition: background-color 150ms ease-in-out; } +notebook > header tab.reorderable-page:hover { background-color: alpha(currentColor,0.07); } -notebook > header tab:hover.reorderable-page:backdrop { background-color: mix(currentColor,@window_bg_color,0.84); } +notebook > header tab.reorderable-page:checked { background-color: alpha(currentColor,0.1); } -notebook > header tab:backdrop.reorderable-page { color: mix(mix(@window_fg_color,@window_bg_color,0.5),@window_bg_color,0.4); border-color: transparent; background-color: mix(currentColor,@window_bg_color,0.9); box-shadow: inset -1px -1px alpha(currentColor,0.15); } - -notebook > header tab:checked { color: @window_fg_color; } - -notebook > header tab:checked.reorderable-page { border-width: 0; border-color: alpha(currentColor,0.15); background-color: mix(currentColor,@window_bg_color,0.923); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px @accent_bg_color; } - -notebook > header tab:checked.reorderable-page:hover { background-color: shade(mix(currentColor,@window_bg_color,0.923),0.971); } - -notebook > header tab:backdrop:checked.reorderable-page { color: mix(@window_fg_color,@window_bg_color,0.5); border-color: alpha(currentColor,0.15); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px alpha(@accent_bg_color,0.5); background-color: @window_bg_color; } +notebook > header tab.reorderable-page:checked:hover { background-color: alpha(currentColor,0.13); } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; border-radius: 100%; } @@ -994,7 +954,7 @@ notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; margin-left: 0px; margin-right: 0px; } +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none; margin-left: 0px; margin-right: 0px; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } @@ -1012,7 +972,7 @@ notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } -notebook > stack:not(:only-child) { background-color: @view_bg_color; } +notebook > stack:not(:only-child) { background-color: @window_bg_color; } scrollbar { background-color: @view_bg_color; transition: all 200ms linear; } @@ -2741,45 +2701,6 @@ button.back-button:dir(rtl), button.back-button.text-button:dir(rtl) { padding: .checkerboard { box-shadow: 0px 1px 2px 0px alpha(mix(currentColor,@window_bg_color,0.853),0.5), 0px 0px 0px 1px alpha(mix(currentColor,@window_bg_color,0.853),0.5), 0px 2px 0px 0px alpha(mix(currentColor,@window_bg_color,0.853),0.5); border-radius: 2px; } -.org-gnome-gedit notebook > header, .gedit-side-panel-paned notebook > header, .nautilus-window notebook > header { background-color: @headerbar_bg_color; border-bottom: 1px solid @headerbar_shade_color; box-shadow: none; } - -.org-gnome-gedit notebook > header:backdrop, .gedit-side-panel-paned notebook > header:backdrop, .nautilus-window notebook > header:backdrop { background-color: @headerbar_backdrop_color; box-shadow: none; } - -.org-gnome-gedit notebook arrow.down + tab.reorderable-page, .gedit-side-panel-paned notebook arrow.down + tab.reorderable-page, .nautilus-window notebook arrow.down + tab.reorderable-page, .org-gnome-gedit notebook tab:first-child.reorderable-page, .gedit-side-panel-paned notebook tab:first-child.reorderable-page, .nautilus-window notebook tab:first-child.reorderable-page { background-image: none; box-shadow: none; } - - -.org-gnome-gedit notebook tab.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab.reorderable-page:backdrop, .nautilus-window notebook tab.reorderable-page:backdrop { box-shadow: none; } - -.org-gnome-gedit notebook tab.reorderable-page > box, .gedit-side-panel-paned notebook tab.reorderable-page > box, .nautilus-window notebook tab.reorderable-page > box { margin: 0 3px 3px 3px; padding-right: 8px; border-radius: 6px; } - -.org-gnome-gedit notebook tab.reorderable-page > box > label, .gedit-side-panel-paned notebook tab.reorderable-page > box > label, .nautilus-window notebook tab.reorderable-page > box > label { padding-left: 8px; } - -.org-gnome-gedit notebook tab.reorderable-page > box button, .gedit-side-panel-paned notebook tab.reorderable-page > box button, .nautilus-window notebook tab.reorderable-page > box button { margin: 8px 0; } - -.org-gnome-gedit notebook tab:hover.reorderable-page, .gedit-side-panel-paned notebook tab:hover.reorderable-page, .nautilus-window notebook tab:hover.reorderable-page { color: @headerbar_fg_color; background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:hover.reorderable-page > box, .gedit-side-panel-paned notebook tab:hover.reorderable-page > box, .nautilus-window notebook tab:hover.reorderable-page > box { background-color: alpha(currentColor,0.07); transition: background-color 150ms ease-in-out; } - -.org-gnome-gedit notebook tab:hover.reorderable-page, .gedit-side-panel-paned notebook tab:hover.reorderable-page, .nautilus-window notebook tab:hover.reorderable-page, .org-gnome-gedit notebook tab:hover.reorderable-page + tab, .gedit-side-panel-paned notebook tab:hover.reorderable-page + tab, .nautilus-window notebook tab:hover.reorderable-page + tab { background-image: none; } - -.org-gnome-gedit notebook tab:hover.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab:hover.reorderable-page:backdrop, .nautilus-window notebook tab:hover.reorderable-page:backdrop { background-color: transparent; box-shadow: none; } - -.org-gnome-gedit notebook tab:backdrop.reorderable-page, .gedit-side-panel-paned notebook tab:backdrop.reorderable-page, .nautilus-window notebook tab:backdrop.reorderable-page { color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page, .gedit-side-panel-paned notebook tab:checked.reorderable-page, .nautilus-window notebook tab:checked.reorderable-page { color: @headerbar_fg_color; background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page > box, .nautilus-window notebook tab:checked.reorderable-page > box { background-color: alpha(currentColor,0.1); transition: background-color 150ms ease-in-out; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover, .nautilus-window notebook tab:checked.reorderable-page:hover, .org-gnome-gedit notebook tab:checked.reorderable-page:active, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active, .nautilus-window notebook tab:checked.reorderable-page:active { box-shadow: none; background-color: transparent; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover > box, .nautilus-window notebook tab:checked.reorderable-page:hover > box, .org-gnome-gedit notebook tab:checked.reorderable-page:active > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active > box, .nautilus-window notebook tab:checked.reorderable-page:active > box { background-color: alpha(currentColor,0.13); } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover:backdrop, .nautilus-window notebook tab:checked.reorderable-page:hover:backdrop, .org-gnome-gedit notebook tab:checked.reorderable-page:active:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active:backdrop, .nautilus-window notebook tab:checked.reorderable-page:active:backdrop { box-shadow: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page, .gedit-side-panel-paned notebook tab:checked.reorderable-page, .nautilus-window notebook tab:checked.reorderable-page, .org-gnome-gedit notebook tab:checked.reorderable-page + tab, .gedit-side-panel-paned notebook tab:checked.reorderable-page + tab, .nautilus-window notebook tab:checked.reorderable-page + tab { background-image: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:backdrop, .nautilus-window notebook tab:checked.reorderable-page:backdrop { background-color: transparent; box-shadow: none; } - .nautilus-window headerbar .path-bar-box, .nautilus-window .titlebar .path-bar-box { border-radius: 6px; border: none; padding-right: 6px; color: @headerbar_fg_color; outline-color: alpha(@accent_color,0.5); background-color: mix(currentColor,@headerbar_bg_color,0.9); } .nautilus-window headerbar .path-bar-box:backdrop, .nautilus-window .titlebar .path-bar-box:backdrop { color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.2); background-color: mix(currentColor,@headerbar_backdrop_color,0.9); text-shadow: none; -gtk-icon-shadow: none; } @@ -2870,6 +2791,10 @@ button.back-button:dir(rtl), button.back-button.text-button:dir(rtl) { padding: .disk-space-display.free.border { color: shade(#eeeeec, 0.7); } +.org-gnome-gedit notebook > header, .gedit-side-panel-paned notebook > header { background-color: @headerbar_bg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } + +.org-gnome-gedit notebook > header:backdrop, .gedit-side-panel-paned notebook > header:backdrop { background-color: @headerbar_backdrop_color; } + .gedit-search-slider { background: @window_bg_color; border: 1px solid mix(currentColor,@window_bg_color,0.853); border-top-style: none; padding: 4px 8px; border-radius: 0 0 6px 6px; } .gedit-search-slider button { padding-top: 7px; padding-bottom: 7px; } diff --git a/templates/qt5ct/templates/breeze.mustache b/templates/qt5ct/templates/breeze.mustache new file mode 100644 index 0000000..00d5e16 --- /dev/null +++ b/templates/qt5ct/templates/breeze.mustache @@ -0,0 +1,5 @@ +# Qt5ct colors: FG BTN_BG bright less_bright dark less_dark txt_fg br_text BTN_FG txt_bg bg shadow sel_bg sel_fg link visited alt_bg default tooltip_bg tooltip_fg +[ColorScheme] + active_colors=#{{themix_FG-hex}}, #{{themix_BTN_BG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_BTN_FG-hex}}, #{{themix_TXT_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_FG-hex}}, #{{themix_ALT_TXT_BG-hex}}, #{{themix_FG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_FG-hex}} +disabled_colors=#{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_BTN_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_TXT_FG-hex}}, #{{themix_DISABLED_TXT_FG-hex}}, #{{themix_DISABLED_BTN_FG-hex}}, #{{themix_DISABLED_TXT_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_HDR_FG-hex}} +inactive_colors=#{{themix_FG-hex}}, #{{themix_BTN_BG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_BTN_FG-hex}}, #{{themix_TXT_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_FG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_FG-hex}} diff --git a/templates/qt5ct/templates/config.yaml b/templates/qt5ct/templates/config.yaml index 70451d9..035e24e 100644 --- a/templates/qt5ct/templates/config.yaml +++ b/templates/qt5ct/templates/config.yaml @@ -1,3 +1,6 @@ -default: +breeze: + extension: .conf + output: .config/qt5ct/colors/ +fusion: extension: .conf output: .config/qt5ct/colors/ diff --git a/templates/qt5ct/templates/fusion.mustache b/templates/qt5ct/templates/fusion.mustache new file mode 100644 index 0000000..397b093 --- /dev/null +++ b/templates/qt5ct/templates/fusion.mustache @@ -0,0 +1,5 @@ +# Qt5ct colors: FG BTN_BG bright less_bright dark less_dark txt_fg br_text BTN_FG txt_bg bg shadow sel_bg sel_fg link visited alt_bg default tooltip_bg tooltip_fg +[ColorScheme] + active_colors=#{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_FG-hex}}, #{{themix_TXT_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_FG-hex}}, #{{themix_ALT_TXT_BG-hex}}, #{{themix_FG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_FG-hex}} +disabled_colors=#{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_TXT_FG-hex}}, #{{themix_DISABLED_TXT_FG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_TXT_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_HDR_FG-hex}} +inactive_colors=#{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_FG-hex}}, #{{themix_TXT_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_FG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_FG-hex}} diff --git a/templates/qt6ct/templates/breeze.mustache b/templates/qt6ct/templates/breeze.mustache new file mode 100644 index 0000000..1979c7f --- /dev/null +++ b/templates/qt6ct/templates/breeze.mustache @@ -0,0 +1,5 @@ +# Qt6ct colors: FG BTN_BG bright less_br dark less_dark txt_fg br_text btn_fg txt_bg bg shadow sel_bg sel_fg link visited alt_bg default tooltip_bg tooltip_fg placeholder_fg accent +[ColorScheme] +active_colors=#{{themix_FG-hex}}, #{{themix_BTN_BG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_BTN_FG-hex}}, #{{themix_TXT_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_FG-hex}}, #{{themix_ALT_TXT_BG-hex}}, #{{themix_FG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_FG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_ACCENT_BG-hex}} +disabled_colors=#{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_BTN_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_TXT_FG-hex}}, #{{themix_DISABLED_TXT_FG-hex}}, #{{themix_DISABLED_BTN_FG-hex}}, #{{themix_DISABLED_TXT_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_HDR_FG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_ACCENT_BG-hex}} +inactive_colors=#{{themix_FG-hex}}, #{{themix_BTN_BG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_BTN_FG-hex}}, #{{themix_TXT_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_FG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_FG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_ACCENT_BG-hex}} diff --git a/templates/qt6ct/templates/config.yaml b/templates/qt6ct/templates/config.yaml index 58ca551..d8fd3ce 100644 --- a/templates/qt6ct/templates/config.yaml +++ b/templates/qt6ct/templates/config.yaml @@ -1,3 +1,6 @@ -default: +breeze: + extension: .conf + output: .config/qt6ct/colors/ +fusion: extension: .conf output: .config/qt6ct/colors/ diff --git a/templates/qt6ct/templates/default.mustache b/templates/qt6ct/templates/default.mustache deleted file mode 100644 index ce20758..0000000 --- a/templates/qt6ct/templates/default.mustache +++ /dev/null @@ -1,5 +0,0 @@ -# FG BTN_BG bright less brdark less da txt fg br text btn fg txt bg bg shadow sel bg sel fg link visited alt bg default tooltip bg tooltip_fg placeholder_fg -[ColorScheme] -active_colors=#{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_FG-hex}}, #{{themix_TXT_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_FG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_FG-hex}}, #{{themix_INACTIVE_FG-hex}} -disabled_colors=#{{themix_INACTIVE_FG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_INACTIVE_TXT_FG-hex}}, #{{themix_INACTIVE_TXT_FG-hex}}, #{{themix_INACTIVE_FG-hex}}, #{{themix_TXT_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_INACTIVE_FG-hex}}, #{{themix_BG-hex}}, #{{themix_INACTIVE_FG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_INACTIVE_HDR_FG-hex}}, #{{themix_INACTIVE_FG-hex}} -inactive_colors=#{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_FG-hex}}, #{{themix_TXT_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_FG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_FG-hex}}, #{{themix_INACTIVE_FG-hex}} diff --git a/templates/qt6ct/templates/fusion.mustache b/templates/qt6ct/templates/fusion.mustache new file mode 100644 index 0000000..35eca76 --- /dev/null +++ b/templates/qt6ct/templates/fusion.mustache @@ -0,0 +1,5 @@ +# Qt6ct colors: FG BTN_BG bright less_br dark less_dark txt_fg br_text btn_fg txt_bg bg shadow sel_bg sel_fg link visited alt_bg default tooltip_bg tooltip_fg placeholder_fg accent +[ColorScheme] +active_colors=#{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_FG-hex}}, #{{themix_TXT_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_FG-hex}}, #{{themix_ALT_TXT_BG-hex}}, #{{themix_FG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_FG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_ACCENT_BG-hex}} +disabled_colors=#{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_TXT_FG-hex}}, #{{themix_DISABLED_TXT_FG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_TXT_BG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_BG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_DISABLED_HDR_BG-hex}}, #{{themix_DISABLED_HDR_FG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_ACCENT_BG-hex}} +inactive_colors=#{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_TXT_FG-hex}}, #{{themix_FG-hex}}, #{{themix_TXT_BG-hex}}, #{{themix_BG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_SEL_FG-hex}}, #{{themix_SEL_BG-hex}}, #{{themix_FG-hex}}, #{{themix_BG-hex}}, #{{themix_FG-hex}}, #{{themix_HDR_BG-hex}}, #{{themix_HDR_FG-hex}}, #{{themix_DISABLED_FG-hex}}, #{{themix_ACCENT_BG-hex}} diff --git a/templates_extra/gtk3-oodwaita/templates/gtk.css b/templates_extra/gtk3-oodwaita/templates/gtk.css index 0ad76d4..bdce7c6 100644 --- a/templates_extra/gtk3-oodwaita/templates/gtk.css +++ b/templates_extra/gtk3-oodwaita/templates/gtk.css @@ -874,57 +874,27 @@ popover.background separator { margin: 6px 0; } popover.background list separator { margin: 0px; } -notebook > header { padding: 0px; border-color: alpha(currentColor,0.15); border-width: 0px; background-color: @window_bg_color; box-shadow: none; } +window.background:not(.solid-csd):not(.csd) > notebook > header { border: 0; } -notebook > header.top { box-shadow: inset 0 -1px alpha(currentColor,0.15); } +window.background:not(.solid-csd):not(.csd) > notebook > header tab { margin: 0; } -notebook > header.bottom { box-shadow: inset 0 1px alpha(currentColor,0.15); } +notebook, notebook.frame { border: none; } -notebook > header.left { box-shadow: inset -1px 0 alpha(currentColor,0.15); } - -notebook > header.right { box-shadow: inset 1px 0 alpha(currentColor,0.15); } +notebook > header { padding: 6px; border: none; background-color: @window_bg_color; box-shadow: none; border-color: transparent; } notebook > header tabs { margin: 0px; } -notebook > header.top { border-bottom-style: solid; } - -notebook > header.top > tabs { margin-bottom: 0px; } - -notebook > header.top > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } - -notebook > header.top > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.top > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 0 -4px @accent_bg_color; } - -notebook > header.bottom { border-top-style: solid; } - -notebook > header.bottom > tabs { margin-top: 0px; } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 0 4px @accent_bg_color; } - -notebook > header.left { border-right-style: solid; } +notebook > header.top, notebook > header.bottom, notebook > header.left, notebook > header.right { border-bottom-style: solid; } -notebook > header.left > tabs { margin-right: 0px; } +notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin-bottom: 0px; } -notebook > header.left > tabs > tab:not(.reorderable-page):hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } +notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { padding: 2px 8px; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: transparent; } -notebook > header.left > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } +notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { background-color: alpha(currentColor,0.07); } -notebook > header.left > tabs > tab:not(.reorderable-page):checked { box-shadow: inset -4px 0 @accent_bg_color; } +notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { background-color: alpha(currentColor,0.1); } -notebook > header.right { border-left-style: solid; } - -notebook > header.right > tabs { margin-left: 0px; } - -notebook > header.right > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } - -notebook > header.right > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.right > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 4px 0 @accent_bg_color; } +notebook > header.top > tabs > tab:checked:hover, notebook > header.bottom > tabs > tab:checked:hover, notebook > header.left > tabs > tab:checked:hover, notebook > header.right > tabs > tab:checked:hover { background-color: alpha(currentColor,0.13); } notebook > header.top > tabs > arrow { border-top-style: none; } @@ -954,23 +924,13 @@ notebook > header > tabs > arrow:disabled { border-color: transparent; backgroun notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: @window_fg_color; font-weight: normal; border-width: 0px; border-color: transparent; } -notebook > header tab.reorderable-page { background-color: mix(currentColor,@window_bg_color,0.88); box-shadow: inset -1px -1px alpha(currentColor,0.15); border: none; } - -notebook > header tab:hover { color: @window_fg_color; } +notebook > header tab.reorderable-page { -gtk-outline-radius: 8px; outline-width: 2px; outline-offset: -2px; outline-style: solid; outline-color: alpha(@accent_color,0.5); } -notebook > header tab:hover.reorderable-page { border-color: alpha(currentColor,0.15); background-color: mix(currentColor,@window_bg_color,0.853); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px alpha(currentColor,0.15); transition: background-color 150ms ease-in-out; } +notebook > header tab.reorderable-page:hover { background-color: alpha(currentColor,0.07); } -notebook > header tab:hover.reorderable-page:backdrop { background-color: mix(currentColor,@window_bg_color,0.84); } +notebook > header tab.reorderable-page:checked { background-color: alpha(currentColor,0.1); } -notebook > header tab:backdrop.reorderable-page { color: mix(mix(@window_fg_color,@window_bg_color,0.5),@window_bg_color,0.4); border-color: transparent; background-color: mix(currentColor,@window_bg_color,0.9); box-shadow: inset -1px -1px alpha(currentColor,0.15); } - -notebook > header tab:checked { color: @window_fg_color; } - -notebook > header tab:checked.reorderable-page { border-width: 0; border-color: alpha(currentColor,0.15); background-color: mix(currentColor,@window_bg_color,0.923); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px @accent_bg_color; } - -notebook > header tab:checked.reorderable-page:hover { background-color: shade(mix(currentColor,@window_bg_color,0.923),0.971); } - -notebook > header tab:backdrop:checked.reorderable-page { color: mix(@window_fg_color,@window_bg_color,0.5); border-color: alpha(currentColor,0.15); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px alpha(@accent_bg_color,0.5); background-color: @window_bg_color; } +notebook > header tab.reorderable-page:checked:hover { background-color: alpha(currentColor,0.13); } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; border-radius: 100%; } @@ -994,7 +954,7 @@ notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; margin-left: 0px; margin-right: 0px; } +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none; margin-left: 0px; margin-right: 0px; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } @@ -1012,7 +972,7 @@ notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } -notebook > stack:not(:only-child) { background-color: @view_bg_color; } +notebook > stack:not(:only-child) { background-color: @window_bg_color; } scrollbar { background-color: @view_bg_color; transition: all 200ms linear; } @@ -2776,46 +2736,6 @@ button.back-button:dir(rtl), button.back-button.text-button:dir(rtl) { padding: .checkerboard { box-shadow: 0px 1px 2px 0px alpha(mix(currentColor,@window_bg_color,0.853),0.5), 0px 0px 0px 1px alpha(mix(currentColor,@window_bg_color,0.853),0.5), 0px 2px 0px 0px alpha(mix(currentColor,@window_bg_color,0.853),0.5); border-radius: 2px; } -.org-gnome-gedit notebook > header, .gedit-side-panel-paned notebook > header, .nautilus-window notebook > header { background-color: @headerbar_bg_color; border-bottom: 1px solid @headerbar_shade_color; box-shadow: none; } - -.org-gnome-gedit notebook > header:backdrop, .gedit-side-panel-paned notebook > header:backdrop, .nautilus-window notebook > header:backdrop { background-color: @headerbar_backdrop_color; box-shadow: none; } - -.org-gnome-gedit notebook arrow.down + tab.reorderable-page, .gedit-side-panel-paned notebook arrow.down + tab.reorderable-page, .nautilus-window notebook arrow.down + tab.reorderable-page, .org-gnome-gedit notebook tab:first-child.reorderable-page, .gedit-side-panel-paned notebook tab:first-child.reorderable-page, .nautilus-window notebook tab:first-child.reorderable-page { background-image: none; box-shadow: none; } - -.org-gnome-gedit notebook tab.reorderable-page, .gedit-side-panel-paned notebook tab.reorderable-page, .nautilus-window notebook tab.reorderable-page { -gtk-outline-radius: 8px; outline-width: 2px; outline-style: solid; outline-color: alpha(@accent_color,0.5); min-height: 37px; padding: 4px 0 0 0; box-shadow: none; border: none; color: @headerbar_fg_color; background-color: @headerbar_bg_color; background-image: -gtk-scaled(url("assets/tab-border-light.png"), url("assets/tab-border-light@2.png")); background-position: left; background-repeat: no-repeat; } - -.org-gnome-gedit notebook tab.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab.reorderable-page:backdrop, .nautilus-window notebook tab.reorderable-page:backdrop { box-shadow: none; } - -.org-gnome-gedit notebook tab.reorderable-page > box, .gedit-side-panel-paned notebook tab.reorderable-page > box, .nautilus-window notebook tab.reorderable-page > box { margin: 0 3px 3px 3px; padding-right: 8px; border-radius: 6px; } - -.org-gnome-gedit notebook tab.reorderable-page > box > label, .gedit-side-panel-paned notebook tab.reorderable-page > box > label, .nautilus-window notebook tab.reorderable-page > box > label { padding-left: 8px; } - -.org-gnome-gedit notebook tab.reorderable-page > box button, .gedit-side-panel-paned notebook tab.reorderable-page > box button, .nautilus-window notebook tab.reorderable-page > box button { margin: 8px 0; } - -.org-gnome-gedit notebook tab:hover.reorderable-page, .gedit-side-panel-paned notebook tab:hover.reorderable-page, .nautilus-window notebook tab:hover.reorderable-page { color: @headerbar_fg_color; background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:hover.reorderable-page > box, .gedit-side-panel-paned notebook tab:hover.reorderable-page > box, .nautilus-window notebook tab:hover.reorderable-page > box { background-color: alpha(currentColor,0.07); transition: background-color 150ms ease-in-out; } - -.org-gnome-gedit notebook tab:hover.reorderable-page, .gedit-side-panel-paned notebook tab:hover.reorderable-page, .nautilus-window notebook tab:hover.reorderable-page, .org-gnome-gedit notebook tab:hover.reorderable-page + tab, .gedit-side-panel-paned notebook tab:hover.reorderable-page + tab, .nautilus-window notebook tab:hover.reorderable-page + tab { background-image: none; } - -.org-gnome-gedit notebook tab:hover.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab:hover.reorderable-page:backdrop, .nautilus-window notebook tab:hover.reorderable-page:backdrop { background-color: transparent; box-shadow: none; } - -.org-gnome-gedit notebook tab:backdrop.reorderable-page, .gedit-side-panel-paned notebook tab:backdrop.reorderable-page, .nautilus-window notebook tab:backdrop.reorderable-page { color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page, .gedit-side-panel-paned notebook tab:checked.reorderable-page, .nautilus-window notebook tab:checked.reorderable-page { color: @headerbar_fg_color; background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page > box, .nautilus-window notebook tab:checked.reorderable-page > box { background-color: alpha(currentColor,0.1); transition: background-color 150ms ease-in-out; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover, .nautilus-window notebook tab:checked.reorderable-page:hover, .org-gnome-gedit notebook tab:checked.reorderable-page:active, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active, .nautilus-window notebook tab:checked.reorderable-page:active { box-shadow: none; background-color: transparent; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover > box, .nautilus-window notebook tab:checked.reorderable-page:hover > box, .org-gnome-gedit notebook tab:checked.reorderable-page:active > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active > box, .nautilus-window notebook tab:checked.reorderable-page:active > box { background-color: alpha(currentColor,0.13); } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover:backdrop, .nautilus-window notebook tab:checked.reorderable-page:hover:backdrop, .org-gnome-gedit notebook tab:checked.reorderable-page:active:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active:backdrop, .nautilus-window notebook tab:checked.reorderable-page:active:backdrop { box-shadow: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page, .gedit-side-panel-paned notebook tab:checked.reorderable-page, .nautilus-window notebook tab:checked.reorderable-page, .org-gnome-gedit notebook tab:checked.reorderable-page + tab, .gedit-side-panel-paned notebook tab:checked.reorderable-page + tab, .nautilus-window notebook tab:checked.reorderable-page + tab { background-image: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:backdrop, .nautilus-window notebook tab:checked.reorderable-page:backdrop { background-color: transparent; box-shadow: none; } - .nautilus-window headerbar .path-bar-box, .nautilus-window .titlebar .path-bar-box { border-radius: 6px; border: none; padding-right: 6px; color: @headerbar_fg_color; outline-color: alpha(@accent_color,0.5); background-color: mix(currentColor,@headerbar_bg_color,0.9); } .nautilus-window headerbar .path-bar-box:backdrop, .nautilus-window .titlebar .path-bar-box:backdrop { color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.2); background-color: mix(currentColor,@headerbar_backdrop_color,0.9); text-shadow: none; -gtk-icon-shadow: none; } @@ -2906,6 +2826,10 @@ button.back-button:dir(rtl), button.back-button.text-button:dir(rtl) { padding: .disk-space-display.free.border { color: shade(#eeeeec, 0.7); } +.org-gnome-gedit notebook > header, .gedit-side-panel-paned notebook > header { background-color: @headerbar_bg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } + +.org-gnome-gedit notebook > header:backdrop, .gedit-side-panel-paned notebook > header:backdrop { background-color: @headerbar_backdrop_color; } + .gedit-search-slider { background: @window_bg_color; border: 1px solid mix(currentColor,@window_bg_color,0.853); border-top-style: none; padding: 4px 8px; border-radius: 0 0 6px 6px; } .gedit-search-slider button { padding-top: 7px; padding-bottom: 7px; } diff --git a/templates_extra/gtk3-oodwaita/templates/gtk.mustache b/templates_extra/gtk3-oodwaita/templates/gtk.mustache index 7c93d29..50787a2 100644 --- a/templates_extra/gtk3-oodwaita/templates/gtk.mustache +++ b/templates_extra/gtk3-oodwaita/templates/gtk.mustache @@ -874,57 +874,27 @@ popover.background separator { margin: 6px 0; } popover.background list separator { margin: 0px; } -notebook > header { padding: 0px; border-color: alpha(currentColor,0.15); border-width: 0px; background-color: @window_bg_color; box-shadow: none; } +window.background:not(.solid-csd):not(.csd) > notebook > header { border: 0; } -notebook > header.top { box-shadow: inset 0 -1px alpha(currentColor,0.15); } +window.background:not(.solid-csd):not(.csd) > notebook > header tab { margin: 0; } -notebook > header.bottom { box-shadow: inset 0 1px alpha(currentColor,0.15); } +notebook, notebook.frame { border: none; } -notebook > header.left { box-shadow: inset -1px 0 alpha(currentColor,0.15); } - -notebook > header.right { box-shadow: inset 1px 0 alpha(currentColor,0.15); } +notebook > header { padding: 6px; border: none; background-color: @window_bg_color; box-shadow: none; border-color: transparent; } notebook > header tabs { margin: 0px; } -notebook > header.top { border-bottom-style: solid; } - -notebook > header.top > tabs { margin-bottom: 0px; } - -notebook > header.top > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 0 -4px alpha(currentColor,0.15); } - -notebook > header.top > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.top > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 0 -4px @accent_bg_color; } - -notebook > header.bottom { border-top-style: solid; } - -notebook > header.bottom > tabs { margin-top: 0px; } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 0 4px alpha(currentColor,0.15); } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.bottom > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 0 4px @accent_bg_color; } - -notebook > header.left { border-right-style: solid; } +notebook > header.top, notebook > header.bottom, notebook > header.left, notebook > header.right { border-bottom-style: solid; } -notebook > header.left > tabs { margin-right: 0px; } +notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs { margin-bottom: 0px; } -notebook > header.left > tabs > tab:not(.reorderable-page):hover { box-shadow: inset -4px 0 alpha(currentColor,0.15); } +notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab, notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { padding: 2px 8px; border-radius: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: transparent; } -notebook > header.left > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } +notebook > header.top > tabs > tab:hover, notebook > header.bottom > tabs > tab:hover, notebook > header.left > tabs > tab:hover, notebook > header.right > tabs > tab:hover { background-color: alpha(currentColor,0.07); } -notebook > header.left > tabs > tab:not(.reorderable-page):checked { box-shadow: inset -4px 0 @accent_bg_color; } +notebook > header.top > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked, notebook > header.left > tabs > tab:checked, notebook > header.right > tabs > tab:checked { background-color: alpha(currentColor,0.1); } -notebook > header.right { border-left-style: solid; } - -notebook > header.right > tabs { margin-left: 0px; } - -notebook > header.right > tabs > tab:not(.reorderable-page):hover { box-shadow: inset 4px 0 alpha(currentColor,0.15); } - -notebook > header.right > tabs > tab:not(.reorderable-page):hover:not(:checked) { background-color: alpha(currentColor,0.04); } - -notebook > header.right > tabs > tab:not(.reorderable-page):checked { box-shadow: inset 4px 0 @accent_bg_color; } +notebook > header.top > tabs > tab:checked:hover, notebook > header.bottom > tabs > tab:checked:hover, notebook > header.left > tabs > tab:checked:hover, notebook > header.right > tabs > tab:checked:hover { background-color: alpha(currentColor,0.13); } notebook > header.top > tabs > arrow { border-top-style: none; } @@ -954,23 +924,13 @@ notebook > header > tabs > arrow:disabled { border-color: transparent; backgroun notebook > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: @window_fg_color; font-weight: normal; border-width: 0px; border-color: transparent; } -notebook > header tab.reorderable-page { background-color: mix(currentColor,@window_bg_color,0.88); box-shadow: inset -1px -1px alpha(currentColor,0.15); border: none; } - -notebook > header tab:hover { color: @window_fg_color; } +notebook > header tab.reorderable-page { -gtk-outline-radius: 8px; outline-width: 2px; outline-offset: -2px; outline-style: solid; outline-color: alpha(@accent_color,0.5); } -notebook > header tab:hover.reorderable-page { border-color: alpha(currentColor,0.15); background-color: mix(currentColor,@window_bg_color,0.853); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px alpha(currentColor,0.15); transition: background-color 150ms ease-in-out; } +notebook > header tab.reorderable-page:hover { background-color: alpha(currentColor,0.07); } -notebook > header tab:hover.reorderable-page:backdrop { background-color: mix(currentColor,@window_bg_color,0.84); } +notebook > header tab.reorderable-page:checked { background-color: alpha(currentColor,0.1); } -notebook > header tab:backdrop.reorderable-page { color: mix(mix(@window_fg_color,@window_bg_color,0.5),@window_bg_color,0.4); border-color: transparent; background-color: mix(currentColor,@window_bg_color,0.9); box-shadow: inset -1px -1px alpha(currentColor,0.15); } - -notebook > header tab:checked { color: @window_fg_color; } - -notebook > header tab:checked.reorderable-page { border-width: 0; border-color: alpha(currentColor,0.15); background-color: mix(currentColor,@window_bg_color,0.923); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px @accent_bg_color; } - -notebook > header tab:checked.reorderable-page:hover { background-color: shade(mix(currentColor,@window_bg_color,0.923),0.971); } - -notebook > header tab:backdrop:checked.reorderable-page { color: mix(@window_fg_color,@window_bg_color,0.5); border-color: alpha(currentColor,0.15); box-shadow: inset -1px -1px alpha(currentColor,0.15), inset 0 -4px alpha(@accent_bg_color,0.5); background-color: @window_bg_color; } +notebook > header tab.reorderable-page:checked:hover { background-color: alpha(currentColor,0.13); } notebook > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; border-radius: 100%; } @@ -994,7 +954,7 @@ notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom notebook > header.top tabs tab, notebook > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; } -notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none solid; margin-left: 0px; margin-right: 0px; } +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { border-style: none; margin-left: 0px; margin-right: 0px; } notebook > header.left tabs, notebook > header.right tabs { padding-top: 4px; padding-bottom: 4px; } @@ -1012,7 +972,7 @@ notebook > header.top tab { padding-bottom: 4px; } notebook > header.bottom tab { padding-top: 4px; } -notebook > stack:not(:only-child) { background-color: @view_bg_color; } +notebook > stack:not(:only-child) { background-color: @window_bg_color; } scrollbar { background-color: @view_bg_color; transition: all 200ms linear; } @@ -2741,45 +2701,6 @@ button.back-button:dir(rtl), button.back-button.text-button:dir(rtl) { padding: .checkerboard { box-shadow: 0px 1px 2px 0px alpha(mix(currentColor,@window_bg_color,0.853),0.5), 0px 0px 0px 1px alpha(mix(currentColor,@window_bg_color,0.853),0.5), 0px 2px 0px 0px alpha(mix(currentColor,@window_bg_color,0.853),0.5); border-radius: 2px; } -.org-gnome-gedit notebook > header, .gedit-side-panel-paned notebook > header, .nautilus-window notebook > header { background-color: @headerbar_bg_color; border-bottom: 1px solid @headerbar_shade_color; box-shadow: none; } - -.org-gnome-gedit notebook > header:backdrop, .gedit-side-panel-paned notebook > header:backdrop, .nautilus-window notebook > header:backdrop { background-color: @headerbar_backdrop_color; box-shadow: none; } - -.org-gnome-gedit notebook arrow.down + tab.reorderable-page, .gedit-side-panel-paned notebook arrow.down + tab.reorderable-page, .nautilus-window notebook arrow.down + tab.reorderable-page, .org-gnome-gedit notebook tab:first-child.reorderable-page, .gedit-side-panel-paned notebook tab:first-child.reorderable-page, .nautilus-window notebook tab:first-child.reorderable-page { background-image: none; box-shadow: none; } - - -.org-gnome-gedit notebook tab.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab.reorderable-page:backdrop, .nautilus-window notebook tab.reorderable-page:backdrop { box-shadow: none; } - -.org-gnome-gedit notebook tab.reorderable-page > box, .gedit-side-panel-paned notebook tab.reorderable-page > box, .nautilus-window notebook tab.reorderable-page > box { margin: 0 3px 3px 3px; padding-right: 8px; border-radius: 6px; } - -.org-gnome-gedit notebook tab.reorderable-page > box > label, .gedit-side-panel-paned notebook tab.reorderable-page > box > label, .nautilus-window notebook tab.reorderable-page > box > label { padding-left: 8px; } - -.org-gnome-gedit notebook tab.reorderable-page > box button, .gedit-side-panel-paned notebook tab.reorderable-page > box button, .nautilus-window notebook tab.reorderable-page > box button { margin: 8px 0; } - -.org-gnome-gedit notebook tab:hover.reorderable-page, .gedit-side-panel-paned notebook tab:hover.reorderable-page, .nautilus-window notebook tab:hover.reorderable-page { color: @headerbar_fg_color; background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:hover.reorderable-page > box, .gedit-side-panel-paned notebook tab:hover.reorderable-page > box, .nautilus-window notebook tab:hover.reorderable-page > box { background-color: alpha(currentColor,0.07); transition: background-color 150ms ease-in-out; } - -.org-gnome-gedit notebook tab:hover.reorderable-page, .gedit-side-panel-paned notebook tab:hover.reorderable-page, .nautilus-window notebook tab:hover.reorderable-page, .org-gnome-gedit notebook tab:hover.reorderable-page + tab, .gedit-side-panel-paned notebook tab:hover.reorderable-page + tab, .nautilus-window notebook tab:hover.reorderable-page + tab { background-image: none; } - -.org-gnome-gedit notebook tab:hover.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab:hover.reorderable-page:backdrop, .nautilus-window notebook tab:hover.reorderable-page:backdrop { background-color: transparent; box-shadow: none; } - -.org-gnome-gedit notebook tab:backdrop.reorderable-page, .gedit-side-panel-paned notebook tab:backdrop.reorderable-page, .nautilus-window notebook tab:backdrop.reorderable-page { color: mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5); background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page, .gedit-side-panel-paned notebook tab:checked.reorderable-page, .nautilus-window notebook tab:checked.reorderable-page { color: @headerbar_fg_color; background-color: transparent; box-shadow: none; border: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page > box, .nautilus-window notebook tab:checked.reorderable-page > box { background-color: alpha(currentColor,0.1); transition: background-color 150ms ease-in-out; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover, .nautilus-window notebook tab:checked.reorderable-page:hover, .org-gnome-gedit notebook tab:checked.reorderable-page:active, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active, .nautilus-window notebook tab:checked.reorderable-page:active { box-shadow: none; background-color: transparent; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover > box, .nautilus-window notebook tab:checked.reorderable-page:hover > box, .org-gnome-gedit notebook tab:checked.reorderable-page:active > box, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active > box, .nautilus-window notebook tab:checked.reorderable-page:active > box { background-color: alpha(currentColor,0.13); } - -.org-gnome-gedit notebook tab:checked.reorderable-page:hover:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:hover:backdrop, .nautilus-window notebook tab:checked.reorderable-page:hover:backdrop, .org-gnome-gedit notebook tab:checked.reorderable-page:active:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:active:backdrop, .nautilus-window notebook tab:checked.reorderable-page:active:backdrop { box-shadow: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page, .gedit-side-panel-paned notebook tab:checked.reorderable-page, .nautilus-window notebook tab:checked.reorderable-page, .org-gnome-gedit notebook tab:checked.reorderable-page + tab, .gedit-side-panel-paned notebook tab:checked.reorderable-page + tab, .nautilus-window notebook tab:checked.reorderable-page + tab { background-image: none; } - -.org-gnome-gedit notebook tab:checked.reorderable-page:backdrop, .gedit-side-panel-paned notebook tab:checked.reorderable-page:backdrop, .nautilus-window notebook tab:checked.reorderable-page:backdrop { background-color: transparent; box-shadow: none; } - .nautilus-window headerbar .path-bar-box, .nautilus-window .titlebar .path-bar-box { border-radius: 6px; border: none; padding-right: 6px; color: @headerbar_fg_color; outline-color: alpha(@accent_color,0.5); background-color: mix(currentColor,@headerbar_bg_color,0.9); } .nautilus-window headerbar .path-bar-box:backdrop, .nautilus-window .titlebar .path-bar-box:backdrop { color: mix(mix(@headerbar_fg_color,@headerbar_backdrop_color,0.5),@headerbar_backdrop_color,0.2); background-color: mix(currentColor,@headerbar_backdrop_color,0.9); text-shadow: none; -gtk-icon-shadow: none; } @@ -2870,6 +2791,10 @@ button.back-button:dir(rtl), button.back-button.text-button:dir(rtl) { padding: .disk-space-display.free.border { color: shade(#eeeeec, 0.7); } +.org-gnome-gedit notebook > header, .gedit-side-panel-paned notebook > header { background-color: @headerbar_bg_color; box-shadow: inset 0 -1px @headerbar_shade_color; } + +.org-gnome-gedit notebook > header:backdrop, .gedit-side-panel-paned notebook > header:backdrop { background-color: @headerbar_backdrop_color; } + .gedit-search-slider { background: @window_bg_color; border: 1px solid mix(currentColor,@window_bg_color,0.853); border-top-style: none; padding: 4px 8px; border-radius: 0 0 6px 6px; } .gedit-search-slider button { padding-top: 7px; padding-bottom: 7px; }