From 1615fbdf1573217e97d013265e7fb0de03b62d28 Mon Sep 17 00:00:00 2001 From: Eudaimon Date: Wed, 4 Jan 2023 16:06:49 +0100 Subject: [PATCH] Greatly improved Nautilus and probably other libadwaita apps --- gtk-3.0/gtk.css | 10 +++ gtk-4.0/assets/close-active.svg | 14 ++-- gtk-4.0/assets/close-backdrop-active.svg | 14 ++-- gtk-4.0/assets/close-backdrop-hover.svg | 14 ++-- gtk-4.0/assets/close-backdrop-normal.svg | 14 ++-- gtk-4.0/assets/close-hover.svg | 14 ++-- gtk-4.0/assets/close-normal.svg | 14 ++-- gtk-4.0/assets/maximize-active.svg | 14 ++-- gtk-4.0/assets/maximize-backdrop-active.svg | 14 ++-- gtk-4.0/assets/maximize-backdrop-hover.svg | 14 ++-- gtk-4.0/assets/maximize-backdrop-normal.svg | 14 ++-- gtk-4.0/assets/maximize-hover.svg | 14 ++-- gtk-4.0/assets/maximize-normal.svg | 14 ++-- gtk-4.0/assets/maximized-active.svg | 14 ++-- gtk-4.0/assets/maximized-backdrop-active.svg | 14 ++-- gtk-4.0/assets/maximized-backdrop-hover.svg | 14 ++-- gtk-4.0/assets/maximized-backdrop-normal.svg | 14 ++-- gtk-4.0/assets/maximized-hover.svg | 14 ++-- gtk-4.0/assets/maximized-normal.svg | 14 ++-- gtk-4.0/assets/minimize-active.svg | 14 ++-- gtk-4.0/assets/minimize-backdrop-active.svg | 14 ++-- gtk-4.0/assets/minimize-backdrop-hover.svg | 14 ++-- gtk-4.0/assets/minimize-backdrop-normal.svg | 14 ++-- gtk-4.0/assets/minimize-hover.svg | 14 ++-- gtk-4.0/assets/minimize-normal.svg | 14 ++-- gtk-4.0/gtk.css | 76 +++++++++++++++----- source/common/nautilus.scss | 15 ++++ source/gtk3/_common.scss | 1 + source/gtk3/gtk-new.css | 10 +++ source/gtk4/_common.scss | 58 +++++++++++++++ source/gtk4/gtk-new.css | 76 +++++++++++++++----- 31 files changed, 378 insertions(+), 204 deletions(-) diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index 38151fa..e7e746c 100644 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -559,6 +559,14 @@ window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #3f3 .path-bar button.slider-button { padding-left: 0; padding-right: 0; } +#NautilusPathBar { background: none; border-radius: 0px; } + +.nautilus-list-view listview > row { border-radius: 0px; margin: 0pX; } + +#NautilusViewCell { border-radius: 0px; } + +#NautilusViewCell box { margin: 0px; } + /************** Tree Views * */ treeview.view { border-left-color: #909194; border-top-color: #3f3e3e; } @@ -1098,6 +1106,8 @@ separator { border-width: 2px; border-style: solid; background-color: #3f3e3e; b statusbar separator, .osd separator, osd separator { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } +headerbar:not(:backdrop) separator { background-color: #507800; border-left-color: #83c500; border-top-color: #83c500; border-right-color: #2e4500; border-bottom-color: #2e4500; } + /********* Lists * */ list { color: #EDF0F5; background-color: #323232; border-color: #111010; } diff --git a/gtk-4.0/assets/close-active.svg b/gtk-4.0/assets/close-active.svg index fab2595..dcd0acc 100644 --- a/gtk-4.0/assets/close-active.svg +++ b/gtk-4.0/assets/close-active.svg @@ -10,39 +10,39 @@ - + - - - - - - diff --git a/gtk-4.0/assets/close-backdrop-active.svg b/gtk-4.0/assets/close-backdrop-active.svg index 610375d..be6aed0 100644 --- a/gtk-4.0/assets/close-backdrop-active.svg +++ b/gtk-4.0/assets/close-backdrop-active.svg @@ -10,39 +10,39 @@ - + - - - - - - diff --git a/gtk-4.0/assets/close-backdrop-hover.svg b/gtk-4.0/assets/close-backdrop-hover.svg index b8353e4..57d510b 100644 --- a/gtk-4.0/assets/close-backdrop-hover.svg +++ b/gtk-4.0/assets/close-backdrop-hover.svg @@ -10,39 +10,39 @@ - + - - - - - - diff --git a/gtk-4.0/assets/close-backdrop-normal.svg b/gtk-4.0/assets/close-backdrop-normal.svg index 75eacd7..89d4e2e 100644 --- a/gtk-4.0/assets/close-backdrop-normal.svg +++ b/gtk-4.0/assets/close-backdrop-normal.svg @@ -10,39 +10,39 @@ - + - - - - - - diff --git a/gtk-4.0/assets/close-hover.svg b/gtk-4.0/assets/close-hover.svg index 056a308..8362d8b 100644 --- a/gtk-4.0/assets/close-hover.svg +++ b/gtk-4.0/assets/close-hover.svg @@ -10,39 +10,39 @@ - + - - - - - - diff --git a/gtk-4.0/assets/close-normal.svg b/gtk-4.0/assets/close-normal.svg index f567a47..341030d 100644 --- a/gtk-4.0/assets/close-normal.svg +++ b/gtk-4.0/assets/close-normal.svg @@ -10,39 +10,39 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximize-active.svg b/gtk-4.0/assets/maximize-active.svg index e65b048..1b55d4e 100644 --- a/gtk-4.0/assets/maximize-active.svg +++ b/gtk-4.0/assets/maximize-active.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximize-backdrop-active.svg b/gtk-4.0/assets/maximize-backdrop-active.svg index ce622d4..8923525 100644 --- a/gtk-4.0/assets/maximize-backdrop-active.svg +++ b/gtk-4.0/assets/maximize-backdrop-active.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximize-backdrop-hover.svg b/gtk-4.0/assets/maximize-backdrop-hover.svg index 23aef49..b9d6431 100644 --- a/gtk-4.0/assets/maximize-backdrop-hover.svg +++ b/gtk-4.0/assets/maximize-backdrop-hover.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximize-backdrop-normal.svg b/gtk-4.0/assets/maximize-backdrop-normal.svg index b4fe053..a265959 100644 --- a/gtk-4.0/assets/maximize-backdrop-normal.svg +++ b/gtk-4.0/assets/maximize-backdrop-normal.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximize-hover.svg b/gtk-4.0/assets/maximize-hover.svg index d878090..bb502c0 100644 --- a/gtk-4.0/assets/maximize-hover.svg +++ b/gtk-4.0/assets/maximize-hover.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximize-normal.svg b/gtk-4.0/assets/maximize-normal.svg index 3e1aa01..31244e9 100644 --- a/gtk-4.0/assets/maximize-normal.svg +++ b/gtk-4.0/assets/maximize-normal.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximized-active.svg b/gtk-4.0/assets/maximized-active.svg index 66e13c6..ceb2223 100644 --- a/gtk-4.0/assets/maximized-active.svg +++ b/gtk-4.0/assets/maximized-active.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximized-backdrop-active.svg b/gtk-4.0/assets/maximized-backdrop-active.svg index 6127086..f17da1f 100644 --- a/gtk-4.0/assets/maximized-backdrop-active.svg +++ b/gtk-4.0/assets/maximized-backdrop-active.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximized-backdrop-hover.svg b/gtk-4.0/assets/maximized-backdrop-hover.svg index 4c31754..c5f0023 100644 --- a/gtk-4.0/assets/maximized-backdrop-hover.svg +++ b/gtk-4.0/assets/maximized-backdrop-hover.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximized-backdrop-normal.svg b/gtk-4.0/assets/maximized-backdrop-normal.svg index 861f50e..8494e97 100644 --- a/gtk-4.0/assets/maximized-backdrop-normal.svg +++ b/gtk-4.0/assets/maximized-backdrop-normal.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximized-hover.svg b/gtk-4.0/assets/maximized-hover.svg index 12c88b8..5ccd2b7 100644 --- a/gtk-4.0/assets/maximized-hover.svg +++ b/gtk-4.0/assets/maximized-hover.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/maximized-normal.svg b/gtk-4.0/assets/maximized-normal.svg index 952afc6..0c4879e 100644 --- a/gtk-4.0/assets/maximized-normal.svg +++ b/gtk-4.0/assets/maximized-normal.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/minimize-active.svg b/gtk-4.0/assets/minimize-active.svg index 0757b98..1947c26 100644 --- a/gtk-4.0/assets/minimize-active.svg +++ b/gtk-4.0/assets/minimize-active.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/minimize-backdrop-active.svg b/gtk-4.0/assets/minimize-backdrop-active.svg index 0e4abc3..c67bc34 100644 --- a/gtk-4.0/assets/minimize-backdrop-active.svg +++ b/gtk-4.0/assets/minimize-backdrop-active.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/minimize-backdrop-hover.svg b/gtk-4.0/assets/minimize-backdrop-hover.svg index ec5ca66..260d30a 100644 --- a/gtk-4.0/assets/minimize-backdrop-hover.svg +++ b/gtk-4.0/assets/minimize-backdrop-hover.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/minimize-backdrop-normal.svg b/gtk-4.0/assets/minimize-backdrop-normal.svg index 803f10c..dbdf2da 100644 --- a/gtk-4.0/assets/minimize-backdrop-normal.svg +++ b/gtk-4.0/assets/minimize-backdrop-normal.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/minimize-hover.svg b/gtk-4.0/assets/minimize-hover.svg index 71c0432..8150afa 100644 --- a/gtk-4.0/assets/minimize-hover.svg +++ b/gtk-4.0/assets/minimize-hover.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/assets/minimize-normal.svg b/gtk-4.0/assets/minimize-normal.svg index d78c750..bef0b9c 100644 --- a/gtk-4.0/assets/minimize-normal.svg +++ b/gtk-4.0/assets/minimize-normal.svg @@ -10,37 +10,37 @@ - + - - - - - - diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css index 32138b3..b946fe2 100644 --- a/gtk-4.0/gtk.css +++ b/gtk-4.0/gtk.css @@ -63,7 +63,7 @@ flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(102, 153, 0, 0. flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); } -gridview > child { padding: 3px; transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +gridview > child { padding: 3px; transition: none; border-radius: 0px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } gridview > child { outline: 0 solid transparent; outline-offset: 4px; } @@ -216,39 +216,39 @@ editablelabel > stack > text { color: #EDF0F5; background-color: #323232; border to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } } /****************************************************** Buttons * */ -notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, windowcontrols button, button { min-height: 1.6em; min-width: 1.6em; padding: 2px 4px; border: 2px solid; border-radius: 0px; transition: none; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +splitbutton, tabbox > tabboxchild > tab, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, windowcontrols button, button { min-height: 1.6em; min-width: 1.6em; padding: 2px 4px; border: 2px solid; border-radius: 0px; transition: none; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } -notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } +splitbutton, tabbox > tabboxchild > tab, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } -notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.5); outline-width: 2px; outline-offset: -2px; } +splitbutton:focus:focus-visible, tabbox > tabboxchild > tab:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.5); outline-width: 2px; outline-offset: -2px; } -notebook > header > tabs > arrow:hover, notebook.frame > header > tabs > arrow:hover, .nautilus-path-bar .path-buttons-box button:hover, button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; -gtk-icon-filter: brightness(1.2); } +splitbutton:hover, tabbox > tabboxchild > tab:hover, notebook > header > tabs > arrow:hover, notebook.frame > header > tabs > arrow:hover, .nautilus-path-bar .path-buttons-box button:hover, button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; -gtk-icon-filter: brightness(1.2); } -notebook > header > tabs > arrow.keyboard-activating, notebook.frame > header > tabs > arrow.keyboard-activating, .nautilus-path-bar .path-buttons-box button.keyboard-activating, notebook > header > tabs > arrow:active, notebook.frame > header > tabs > arrow:active, .nautilus-path-bar .path-buttons-box button:active, button.keyboard-activating, button:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; transition-duration: 50ms; } +splitbutton.keyboard-activating, tabbox > tabboxchild > tab.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, notebook.frame > header > tabs > arrow.keyboard-activating, .nautilus-path-bar .path-buttons-box button.keyboard-activating, splitbutton:active, tabbox > tabboxchild > tab:active, notebook > header > tabs > arrow:active, notebook.frame > header > tabs > arrow:active, .nautilus-path-bar .path-buttons-box button:active, button.keyboard-activating, button:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; transition-duration: 50ms; } -notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { border-width: 2px; color: #d1ff96; background-color: #77b300; border-left-color: #558000; border-top-color: #558000; border-right-color: #aaff00; border-bottom-color: #aaff00; } +splitbutton:checked:hover:not(:active), tabbox > tabboxchild > tab:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { border-width: 2px; color: #d1ff96; background-color: #77b300; border-left-color: #558000; border-top-color: #558000; border-right-color: #aaff00; border-bottom-color: #aaff00; } -notebook > header > tabs > arrow:checked, notebook.frame > header > tabs > arrow:checked, .nautilus-path-bar .path-buttons-box button:checked, button:checked, button:checked:active { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } +splitbutton:checked, tabbox > tabboxchild > tab:checked, notebook > header > tabs > arrow:checked, notebook.frame > header > tabs > arrow:checked, .nautilus-path-bar .path-buttons-box button:checked, button:checked, button:checked:active { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled, .nautilus-path-bar .path-buttons-box button:disabled, button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; -gtk-icon-filter: opacity(0.5); } +splitbutton:disabled, tabbox > tabboxchild > tab:disabled, notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled, .nautilus-path-bar .path-buttons-box button:disabled, button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; -gtk-icon-filter: opacity(0.5); filter: none; } -notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } +splitbutton:disabled:active, tabbox > tabboxchild > tab:disabled:active, notebook > header > tabs > arrow:disabled:active, splitbutton:disabled:checked, tabbox > tabboxchild > tab:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -button.sidebar-button, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; transition: none; } +button.sidebar-button, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), splitbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbox > tabboxchild > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; transition: none; } -notebook > header > tabs > arrow.image-button, notebook.frame > header > tabs > arrow.image-button, .nautilus-path-bar .path-buttons-box button.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } +splitbutton.image-button, tabbox > tabboxchild > tab.image-button, notebook > header > tabs > arrow.image-button, notebook.frame > header > tabs > arrow.image-button, .nautilus-path-bar .path-buttons-box button.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } -notebook > header > tabs > arrow.text-button, notebook.frame > header > tabs > arrow.text-button, .nautilus-path-bar .path-buttons-box button.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } +splitbutton.text-button, tabbox > tabboxchild > tab.text-button, notebook > header > tabs > arrow.text-button, notebook.frame > header > tabs > arrow.text-button, .nautilus-path-bar .path-buttons-box button.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } -notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } +splitbutton.text-button.image-button, tabbox > tabboxchild > tab.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } -notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } +splitbutton.text-button.image-button label, tabbox > tabboxchild > tab.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } -notebook > header > tabs > arrow.arrow-button, notebook.frame > header > tabs > arrow.arrow-button, .nautilus-path-bar .path-buttons-box button.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } +splitbutton.arrow-button, tabbox > tabboxchild > tab.arrow-button, notebook > header > tabs > arrow.arrow-button, notebook.frame > header > tabs > arrow.arrow-button, .nautilus-path-bar .path-buttons-box button.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } -notebook > header > tabs > arrow.arrow-button > box, notebook.frame > header > tabs > arrow.arrow-button > box, .nautilus-path-bar .path-buttons-box button.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } +splitbutton.arrow-button > box, tabbox > tabboxchild > tab.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, notebook.frame > header > tabs > arrow.arrow-button > box, .nautilus-path-bar .path-buttons-box button.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } -dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), notebook.frame > header > tabs > arrow:drop(active), .nautilus-path-bar .path-buttons-box button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, splitbutton:drop(active), tabbox > tabboxchild > tab:drop(active), notebook > header > tabs > arrow:drop(active), notebook.frame > header > tabs > arrow:drop(active), .nautilus-path-bar .path-buttons-box button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } row:selected button { border-color: #334d00; } @@ -617,6 +617,14 @@ pathbar > button image { padding-left: 4px; padding-right: 4px; } pathbar > button.slider-button { padding-left: 0; padding-right: 0; } +#NautilusPathBar { background: none; border-radius: 0px; } + +.nautilus-list-view listview > row { border-radius: 0px; margin: 0pX; } + +#NautilusViewCell { border-radius: 0px; } + +#NautilusViewCell box { margin: 0px; } + /************** Tree Views * */ columnview.view, treeview.view { border-left-color: #171717; border-top-color: #171717; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } @@ -1170,6 +1178,8 @@ separator { border-width: 2px; border-style: solid; background-color: #3f3e3e; b statusbar separator, .osd separator, osd separator { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } +headerbar:not(:backdrop) separator { background-color: #507800; border-left-color: #83c500; border-top-color: #83c500; border-right-color: #2e4500; border-bottom-color: #2e4500; } + /********* Lists * */ listview, list { color: #EDF0F5; background-color: #323232; border-color: #111010; border-radius: 0; box-shadow: none; } @@ -1551,6 +1561,36 @@ menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .card { border-radius: 0px; background-color: #3c3c3c; color: #EDF0F5; border: 2px; border-style: solid; background-color: #3c3c3c; border-left-color: #626262; border-top-color: #626262; border-right-color: #232323; border-bottom-color: #232323; box-shadow: none; } +tabbox { background-color: #3f3e3e; } + +tabbox > tabboxchild > tab { border-radius: 0px; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +tabbox > tabboxchild > tab { outline: 0 solid transparent; outline-offset: 4px; } + +tabbox > tabboxchild > tab:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +tabbox > tabboxchild > tab:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; -gtk-icon-filter: brightness(1.2); } + +tabbox > tabboxchild > tab.keyboard-activating, tabbox > tabboxchild > tab:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; transition-duration: 50ms; } + +tabbox > tabboxchild > tab:selected:hover:not(:active) { border-width: 2px; color: #d1ff96; background-color: #77b300; border-left-color: #558000; border-top-color: #558000; border-right-color: #aaff00; border-bottom-color: #aaff00; } + +tabbox > tabboxchild > tab:selected, tabbox > tabboxchild > tab:selected:active { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } + +tabbox > tabboxchild > tab:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; -gtk-icon-filter: opacity(0.5); filter: none; } + +tabbox > tabboxchild > tab:disabled:active, tabbox > tabboxchild > tab:disabled:selected { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } + +splitbutton { border-radius: 0px; padding: 0px; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } + +splitbutton:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +splitbutton > separator { border: none; } + +splitbutton > button, splitbutton menubutton { margin: 2px; } + +.floating-bar { border: 2px solid; border-radius: 0px; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; color: #66cbec; } + undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); } undershoot.top { background-size: 100% 0.5em; background-position: top; } diff --git a/source/common/nautilus.scss b/source/common/nautilus.scss index b2eafa2..f416ceb 100644 --- a/source/common/nautilus.scss +++ b/source/common/nautilus.scss @@ -10,3 +10,18 @@ } } + +#NautilusPathBar { + background: none; + border-radius: 0px; +} + +.nautilus-list-view listview > row { +border-radius: 0px; +margin: 0pX +} + +#NautilusViewCell { + border-radius: 0px; + & box { margin: 0px;} +} diff --git a/source/gtk3/_common.scss b/source/gtk3/_common.scss index 9cbf246..4ba6f54 100644 --- a/source/gtk3/_common.scss +++ b/source/gtk3/_common.scss @@ -3005,6 +3005,7 @@ separator { min-width: 0px; min-height: 0px; statusbar &, .osd &, osd & {@include relief($hint_bg);} + headerbar:not(:backdrop) & {@include relief($titlebar_active_bg);} } diff --git a/source/gtk3/gtk-new.css b/source/gtk3/gtk-new.css index 38151fa..e7e746c 100644 --- a/source/gtk3/gtk-new.css +++ b/source/gtk3/gtk-new.css @@ -559,6 +559,14 @@ window.devel headerbar.titlebar:not(.selection-mode):backdrop { background: #3f3 .path-bar button.slider-button { padding-left: 0; padding-right: 0; } +#NautilusPathBar { background: none; border-radius: 0px; } + +.nautilus-list-view listview > row { border-radius: 0px; margin: 0pX; } + +#NautilusViewCell { border-radius: 0px; } + +#NautilusViewCell box { margin: 0px; } + /************** Tree Views * */ treeview.view { border-left-color: #909194; border-top-color: #3f3e3e; } @@ -1098,6 +1106,8 @@ separator { border-width: 2px; border-style: solid; background-color: #3f3e3e; b statusbar separator, .osd separator, osd separator { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } +headerbar:not(:backdrop) separator { background-color: #507800; border-left-color: #83c500; border-top-color: #83c500; border-right-color: #2e4500; border-bottom-color: #2e4500; } + /********* Lists * */ list { color: #EDF0F5; background-color: #323232; border-color: #111010; } diff --git a/source/gtk4/_common.scss b/source/gtk4/_common.scss index 07587ad..f8a201b 100644 --- a/source/gtk4/_common.scss +++ b/source/gtk4/_common.scss @@ -122,6 +122,7 @@ gridview { > child { padding: 3px; transition: $focus_transition; + border-radius: 0px; //for libadwaita @include focus-ring(); @@ -473,6 +474,7 @@ button { &:disabled { @include button(insensitive); -gtk-icon-filter: opacity(0.5); + filter: none; //for libadwaita &:active, &:checked { @include button(insensitive-active); } @@ -2732,6 +2734,7 @@ separator { min-width: 0px; min-height: 0px; statusbar &, .osd &, osd & {@include relief($hint_bg);} + headerbar:not(:backdrop) & {@include relief($titlebar_active_bg);} } @@ -3701,5 +3704,60 @@ menubutton { box-shadow: none; } +tabbox { + background-color: $bg_color; + & > tabboxchild > tab { + @extend %button_basic; + border-radius: 0px; + @include button(normal); + + @include focus-ring(); + + &:hover { + @include button(hover); + -gtk-icon-filter: brightness(1.2); + } + + &.keyboard-activating, + &:active { + @include button(active); + + transition-duration: 50ms; + } + + &:selected:hover:not(:active) { @include button(checked-hover); } + &:selected, &:selected:active { @include button(checked-active); } + + //removed backdrop + + &:disabled { + @include button(insensitive); + -gtk-icon-filter: opacity(0.5); + filter: none; //for libadwaita + + &:active, + &:selected { @include button(insensitive-active); } + } + } +} + +splitbutton { + @extend %button_basic; + border-radius: 0px; + padding: 0px; + @include button(normal); + &:disabled { + @include button(insensitive);} + & > separator {border: none;} + & > button, menubutton { margin: $border_width;} +} + +.floating-bar { + border: $border_width solid; + border-radius: 0px; + @include relief($hint_bg); + color: $hint_fg; +} + @import '../common/undershoot.scss'; @import '../common/xfce.scss'; diff --git a/source/gtk4/gtk-new.css b/source/gtk4/gtk-new.css index 32138b3..b946fe2 100644 --- a/source/gtk4/gtk-new.css +++ b/source/gtk4/gtk-new.css @@ -63,7 +63,7 @@ flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(102, 153, 0, 0. flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); } -gridview > child { padding: 3px; transition: none; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +gridview > child { padding: 3px; transition: none; border-radius: 0px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } gridview > child { outline: 0 solid transparent; outline-offset: 4px; } @@ -216,39 +216,39 @@ editablelabel > stack > text { color: #EDF0F5; background-color: #323232; border to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } } /****************************************************** Buttons * */ -notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, windowcontrols button, button { min-height: 1.6em; min-width: 1.6em; padding: 2px 4px; border: 2px solid; border-radius: 0px; transition: none; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } +splitbutton, tabbox > tabboxchild > tab, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, windowcontrols button, button { min-height: 1.6em; min-width: 1.6em; padding: 2px 4px; border: 2px solid; border-radius: 0px; transition: none; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } -notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } +splitbutton, tabbox > tabboxchild > tab, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } -notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.5); outline-width: 2px; outline-offset: -2px; } +splitbutton:focus:focus-visible, tabbox > tabboxchild > tab:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.5); outline-width: 2px; outline-offset: -2px; } -notebook > header > tabs > arrow:hover, notebook.frame > header > tabs > arrow:hover, .nautilus-path-bar .path-buttons-box button:hover, button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; -gtk-icon-filter: brightness(1.2); } +splitbutton:hover, tabbox > tabboxchild > tab:hover, notebook > header > tabs > arrow:hover, notebook.frame > header > tabs > arrow:hover, .nautilus-path-bar .path-buttons-box button:hover, button:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; -gtk-icon-filter: brightness(1.2); } -notebook > header > tabs > arrow.keyboard-activating, notebook.frame > header > tabs > arrow.keyboard-activating, .nautilus-path-bar .path-buttons-box button.keyboard-activating, notebook > header > tabs > arrow:active, notebook.frame > header > tabs > arrow:active, .nautilus-path-bar .path-buttons-box button:active, button.keyboard-activating, button:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; transition-duration: 50ms; } +splitbutton.keyboard-activating, tabbox > tabboxchild > tab.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, notebook.frame > header > tabs > arrow.keyboard-activating, .nautilus-path-bar .path-buttons-box button.keyboard-activating, splitbutton:active, tabbox > tabboxchild > tab:active, notebook > header > tabs > arrow:active, notebook.frame > header > tabs > arrow:active, .nautilus-path-bar .path-buttons-box button:active, button.keyboard-activating, button:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; transition-duration: 50ms; } -notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { border-width: 2px; color: #d1ff96; background-color: #77b300; border-left-color: #558000; border-top-color: #558000; border-right-color: #aaff00; border-bottom-color: #aaff00; } +splitbutton:checked:hover:not(:active), tabbox > tabboxchild > tab:checked:hover:not(:active), notebook > header > tabs > arrow:checked:hover:not(:active), button:checked:hover:not(:active) { border-width: 2px; color: #d1ff96; background-color: #77b300; border-left-color: #558000; border-top-color: #558000; border-right-color: #aaff00; border-bottom-color: #aaff00; } -notebook > header > tabs > arrow:checked, notebook.frame > header > tabs > arrow:checked, .nautilus-path-bar .path-buttons-box button:checked, button:checked, button:checked:active { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } +splitbutton:checked, tabbox > tabboxchild > tab:checked, notebook > header > tabs > arrow:checked, notebook.frame > header > tabs > arrow:checked, .nautilus-path-bar .path-buttons-box button:checked, button:checked, button:checked:active { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } -notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled, .nautilus-path-bar .path-buttons-box button:disabled, button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; -gtk-icon-filter: opacity(0.5); } +splitbutton:disabled, tabbox > tabboxchild > tab:disabled, notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled, .nautilus-path-bar .path-buttons-box button:disabled, button:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; -gtk-icon-filter: opacity(0.5); filter: none; } -notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } +splitbutton:disabled:active, tabbox > tabboxchild > tab:disabled:active, notebook > header > tabs > arrow:disabled:active, splitbutton:disabled:checked, tabbox > tabboxchild > tab:disabled:checked, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } -button.sidebar-button, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; transition: none; } +button.sidebar-button, notebook > header > tabs > arrow, notebook.frame > header > tabs > arrow, .nautilus-path-bar .path-buttons-box button, .toolbar > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar > :not(.linked) > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > menubutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > scalebutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > dropdown > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > colorbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > fontbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > appchooserbutton > button:not(:hover):not(:active):not(:checked):not(:disabled), .toolbar :not(.linked) > combobox > box > button:not(:hover):not(:active):not(:checked):not(:disabled), splitbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbox > tabboxchild > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; transition: none; } -notebook > header > tabs > arrow.image-button, notebook.frame > header > tabs > arrow.image-button, .nautilus-path-bar .path-buttons-box button.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } +splitbutton.image-button, tabbox > tabboxchild > tab.image-button, notebook > header > tabs > arrow.image-button, notebook.frame > header > tabs > arrow.image-button, .nautilus-path-bar .path-buttons-box button.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } -notebook > header > tabs > arrow.text-button, notebook.frame > header > tabs > arrow.text-button, .nautilus-path-bar .path-buttons-box button.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } +splitbutton.text-button, tabbox > tabboxchild > tab.text-button, notebook > header > tabs > arrow.text-button, notebook.frame > header > tabs > arrow.text-button, .nautilus-path-bar .path-buttons-box button.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } -notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } +splitbutton.text-button.image-button, tabbox > tabboxchild > tab.text-button.image-button, notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } -notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } +splitbutton.text-button.image-button label, tabbox > tabboxchild > tab.text-button.image-button label, notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } -notebook > header > tabs > arrow.arrow-button, notebook.frame > header > tabs > arrow.arrow-button, .nautilus-path-bar .path-buttons-box button.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } +splitbutton.arrow-button, tabbox > tabboxchild > tab.arrow-button, notebook > header > tabs > arrow.arrow-button, notebook.frame > header > tabs > arrow.arrow-button, .nautilus-path-bar .path-buttons-box button.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } -notebook > header > tabs > arrow.arrow-button > box, notebook.frame > header > tabs > arrow.arrow-button > box, .nautilus-path-bar .path-buttons-box button.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } +splitbutton.arrow-button > box, tabbox > tabboxchild > tab.arrow-button > box, notebook > header > tabs > arrow.arrow-button > box, notebook.frame > header > tabs > arrow.arrow-button > box, .nautilus-path-bar .path-buttons-box button.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } -dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), notebook.frame > header > tabs > arrow:drop(active), .nautilus-path-bar .path-buttons-box button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, splitbutton:drop(active), tabbox > tabboxchild > tab:drop(active), notebook > header > tabs > arrow:drop(active), notebook.frame > header > tabs > arrow:drop(active), .nautilus-path-bar .path-buttons-box button:drop(active), button:drop(active) { color: #33d17a; border-color: #33d17a; box-shadow: inset 0 0 0 1px #33d17a; } row:selected button { border-color: #334d00; } @@ -617,6 +617,14 @@ pathbar > button image { padding-left: 4px; padding-right: 4px; } pathbar > button.slider-button { padding-left: 0; padding-right: 0; } +#NautilusPathBar { background: none; border-radius: 0px; } + +.nautilus-list-view listview > row { border-radius: 0px; margin: 0pX; } + +#NautilusViewCell { border-radius: 0px; } + +#NautilusViewCell box { margin: 0px; } + /************** Tree Views * */ columnview.view, treeview.view { border-left-color: #171717; border-top-color: #171717; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } @@ -1170,6 +1178,8 @@ separator { border-width: 2px; border-style: solid; background-color: #3f3e3e; b statusbar separator, .osd separator, osd separator { background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; } +headerbar:not(:backdrop) separator { background-color: #507800; border-left-color: #83c500; border-top-color: #83c500; border-right-color: #2e4500; border-bottom-color: #2e4500; } + /********* Lists * */ listview, list { color: #EDF0F5; background-color: #323232; border-color: #111010; border-radius: 0; box-shadow: none; } @@ -1551,6 +1561,36 @@ menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } .card { border-radius: 0px; background-color: #3c3c3c; color: #EDF0F5; border: 2px; border-style: solid; background-color: #3c3c3c; border-left-color: #626262; border-top-color: #626262; border-right-color: #232323; border-bottom-color: #232323; box-shadow: none; } +tabbox { background-color: #3f3e3e; } + +tabbox > tabboxchild > tab { border-radius: 0px; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +tabbox > tabboxchild > tab { outline: 0 solid transparent; outline-offset: 4px; } + +tabbox > tabboxchild > tab:focus:focus-visible { outline-color: rgba(102, 153, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +tabbox > tabboxchild > tab:hover { border-width: 2px; background-color: #5a6659; border-left-color: #7f8e7d; border-top-color: #7f8e7d; border-right-color: #424a41; border-bottom-color: #424a41; -gtk-icon-filter: brightness(1.2); } + +tabbox > tabboxchild > tab.keyboard-activating, tabbox > tabboxchild > tab:active { border-width: 2px; background-color: #4e584d; border-left-color: #363d35; border-top-color: #363d35; border-right-color: #728171; border-bottom-color: #728171; transition-duration: 50ms; } + +tabbox > tabboxchild > tab:selected:hover:not(:active) { border-width: 2px; color: #d1ff96; background-color: #77b300; border-left-color: #558000; border-top-color: #558000; border-right-color: #aaff00; border-bottom-color: #aaff00; } + +tabbox > tabboxchild > tab:selected, tabbox > tabboxchild > tab:selected:active { border-width: 2px; color: #d1ff96; background-color: #669900; border-left-color: #446600; border-top-color: #446600; border-right-color: #99e600; border-bottom-color: #99e600; } + +tabbox > tabboxchild > tab:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; -gtk-icon-filter: opacity(0.5); filter: none; } + +tabbox > tabboxchild > tab:disabled:active, tabbox > tabboxchild > tab:disabled:selected { border-width: 2px; color: #7c675a; background-color: #4d4c2f; border-left-color: #2d2d1c; border-top-color: #2d2d1c; border-right-color: #7d7b4c; border-bottom-color: #7d7b4c; } + +splitbutton { border-radius: 0px; padding: 0px; border-width: 2px; color: #EDF0F5; background-color: #4e584d; border-left-color: #728171; border-top-color: #728171; border-right-color: #363d35; border-bottom-color: #363d35; } + +splitbutton:disabled { border-width: 2px; color: #7c675a; background-color: #493e37; border-left-color: #756358; border-top-color: #756358; border-right-color: #2c2521; border-bottom-color: #2c2521; } + +splitbutton > separator { border: none; } + +splitbutton > button, splitbutton menubutton { margin: 2px; } + +.floating-bar { border: 2px solid; border-radius: 0px; background-color: #203d79; border-left-color: #305cb6; border-top-color: #305cb6; border-right-color: #152951; border-bottom-color: #152951; color: #66cbec; } + undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); } undershoot.top { background-size: 100% 0.5em; background-position: top; }