mirrors/Simplewaita
1
0
Fork 0
mirror of https://git.disroot.org/eudaimon/Simplewaita.git synced 2026-03-10 04:21:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Greatly improved Nautilus and probably other libadwaita apps

Browse source
This commit is contained in:
Eudaimon 2023-01-04 16:06:49 +01:00
parent adc9b436d2
commit 1615fbdf15
31 changed files with 378 additions and 204 deletions
Download patch file Download diff file Expand all files Collapse all files

58
source/gtk4/_common.scss
View file

@ -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';

76
source/gtk4/gtk-new.css
View file

@ -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; }