starred/Nordic
1
0
Fork 0
mirror of https://github.com/EliverLara/Nordic.git synced 2026-09-27 01:20:57 -04:00
Code Issues Packages Projects Releases Wiki Activity

Gnome 46: Improve buttons appearance

Browse Source
This commit is contained in:
EliverLara
2024-08-04 14:59:20 -06:00
parent e66ffcbd2d
commit af3aa7ca0d
7 changed files with 128 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gtk-4.0/_drawing.scss
+3 -3
View File
@@ -208,14 +208,14 @@
box-shadow: none;
// border: 1px solid $c;
color: white;
border-radius: 4px;
border-radius: 6px;
background: $suggested_bg_color; }
@if $t==rounded-red {
box-shadow: none;
// border: 1px solid $c;
color: white;
border-radius: 4px;
border-radius: 6px;
background: $destructive_bg_color;
}
@@ -246,7 +246,7 @@
// normal button headerbar look
//
color: if($tc==$text_color, $headerbar_fg_color, $tc);
border-radius: 4px;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
border: 1px solid $borders_color;
gtk-4.0/apps/_gnome.scss
+1 -1
View File
@@ -98,7 +98,7 @@
image {
margin-right: -6px;
padding: 0px 0px 0px 12px;
border-radius: 4px 0px 0px 4px;
border-radius: 6px 0px 0px 6px;
}
}
}
gtk-4.0/gtk-dark.css
+45 -45
View File
@@ -321,11 +321,11 @@ popover.background.magnifier > contents, .osd {
background-image: radial-gradient(farthest-side, #b4c7da 95%, rgba(180, 199, 218, 0)); } }
notebook > header > tabs > arrow,
button {
min-height: 20px;
min-height: 22px;
min-width: 16px;
padding: 2px 6px;
padding: 4px 6px;
border: 1px solid #232831;
border-radius: 4px;
border-radius: 6px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
font-weight: normal;
color: #d8dee9;
@@ -452,7 +452,7 @@ button {
button.text-button.image-button {
padding-left: 8px;
padding-right: 8px;
border-radius: 2px; }
border-radius: 6px; }
notebook > header > tabs > arrow.text-button.image-button label,
button.text-button.image-button label {
padding-left: 8px;
@@ -471,7 +471,7 @@ button.osd {
min-width: 24px;
min-height: 20px;
color: #d8dee9;
border-radius: 5px;
border-radius: 6px;
outline-color: rgba(216, 222, 233, 0.3);
color: #d8dee9;
border-color: #232831;
@@ -628,12 +628,12 @@ button.suggested-action {
border: none;
box-shadow: none;
color: white;
border-radius: 4px;
border-radius: 6px;
background: linear-gradient(to right, #5e81ac 0%, #5e81ac 100%); }
button.suggested-action.flat {
box-shadow: none;
color: white;
border-radius: 4px;
border-radius: 6px;
background: linear-gradient(to right, #5e81ac 0%, #5e81ac 100%); }
button.suggested-action:hover {
color: white;
@@ -735,12 +735,12 @@ button.destructive-action {
border: none;
box-shadow: none;
color: white;
border-radius: 4px;
border-radius: 6px;
background: linear-gradient(to right, #bf616a, #bf616a); }
button.destructive-action.flat {
box-shadow: none;
color: white;
border-radius: 4px;
border-radius: 6px;
background: linear-gradient(to right, #5e81ac 0%, #5e81ac 100%); }
button.destructive-action:hover {
color: white;
@@ -860,7 +860,7 @@ button.destructive-action {
animation: none;
background-image: none; }
.inline-toolbar button, .inline-toolbar button:backdrop {
border-radius: 2px;
border-radius: 6px;
border-width: 1px; }
.primary-toolbar button, .primary-toolbar .raised button {
-gtk-icon-shadow: none; }
@@ -940,16 +940,16 @@ entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > bo
.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) >
entry:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
border-top-left-radius: 6px;
border-bottom-left-radius: 6px; }
.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) >
entry:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-right-style: solid; }
.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) >
entry:only-child {
border-radius: 3px;
border-radius: 6px;
border-style: solid; }
.linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), spinbutton.vertical.linked > text, .linked.vertical >
@@ -959,16 +959,16 @@ entry, .linked.vertical > combobox > box > button.combo {
.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked > text:first-child, .linked.vertical >
entry:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
border-top-left-radius: 6px;
border-top-right-radius: 6px; }
.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked > text:last-child, .linked.vertical >
entry:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-style: solid; }
.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked > text:only-child, .linked.vertical >
entry:only-child {
border-radius: 3px;
border-radius: 6px;
border-style: solid; }
modelbutton.flat,
@@ -992,7 +992,7 @@ modelbutton.flat,
min-height: 26px;
padding-left: 5px;
padding-right: 5px;
border-radius: 3px;
border-radius: 6px;
outline-offset: -2px; }
modelbutton.flat:hover,
.menuitem.button.flat:hover {
@@ -1621,7 +1621,7 @@ spinbutton:not(.vertical), spinbutton.vertical > text, entry {
padding-left: 8px;
padding-right: 8px;
border: 1px solid;
border-radius: 3px;
border-radius: 6px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #d8dee9;
border-color: #232831;
@@ -1808,7 +1808,7 @@ entry:focus-within {
border-left-color: #81a1c1; }
.linked:not(.vertical) > spinbutton:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text + .popup button, .linked:not(.vertical) >
entry + .popup button {
border-radius: 0px 4px 4px 0px; }
border-radius: 0px 6px 6px 0px; }
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), .linked.vertical >
entry:not(:disabled) + entry:not(:disabled), .linked.vertical >
entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled) {
@@ -2215,7 +2215,7 @@ GraniteWidgetsWelcome {
.titlebar button,
headerbar button {
color: #d8dee9;
border-radius: 4px;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
border: 1px solid #232831;
@@ -2290,7 +2290,7 @@ GraniteWidgetsWelcome {
min-height: 14px;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 4px;
border-radius: 6px;
font-weight: normal;
color: white;
background-color: #3c4454;
@@ -2336,7 +2336,7 @@ GraniteWidgetsWelcome {
min-height: 14px;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 4px;
border-radius: 6px;
font-weight: normal;
color: white;
background-color: #3c4454;
@@ -2422,8 +2422,8 @@ GraniteWidgetsWelcome {
headerbar .linked > button:first-child,
.titlebar .path-bar-box headerbar button:first-child,
headerbar .path-bar-box button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
border-top-left-radius: 6px;
border-bottom-left-radius: 6px; }
.titlebar .linked > button:last-child, .titlebar .path-bar-box button:last-child,
.titlebar headerbar .linked > button:last-child,
headerbar .path-bar-box .titlebar button:last-child,
@@ -2431,8 +2431,8 @@ GraniteWidgetsWelcome {
headerbar .linked > button:last-child,
.titlebar .path-bar-box headerbar button:last-child,
headerbar .path-bar-box button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-right-style: solid; }
.titlebar .linked > button:only-child, .titlebar .path-bar-box button:only-child,
.titlebar headerbar .linked > button:only-child,
@@ -2441,7 +2441,7 @@ GraniteWidgetsWelcome {
headerbar .linked > button:only-child,
.titlebar .path-bar-box headerbar button:only-child,
headerbar .path-bar-box button:only-child {
border-radius: 4px;
border-radius: 6px;
border-style: solid; }
.titlebar .linked > button:active,
.titlebar headerbar .linked > button:active, .titlebar .path-bar-box button:active,
@@ -2497,17 +2497,17 @@ GraniteWidgetsWelcome {
.titlebar .path-bar-box button:last-child:active, .titlebar .path-bar-box button:last-child:checked,
headerbar .path-bar-box button:last-child:active,
headerbar .path-bar-box button:last-child:checked {
border-radius: 0px 4px 4px 0px; }
border-radius: 0px 6px 6px 0px; }
.titlebar .path-bar-box button:first-child,
headerbar .path-bar-box button:first-child {
border-radius: 4px 0px 0px 4px; }
border-radius: 6px 0px 0px 6px; }
.titlebar .path-bar-box button:first-child:active, .titlebar .path-bar-box button:first-child:checked,
headerbar .path-bar-box button:first-child:active,
headerbar .path-bar-box button:first-child:checked {
border-radius: 4px; }
border-radius: 6px; }
.titlebar .path-bar-box widget > .text-button:last-child,
headerbar .path-bar-box widget > .text-button:last-child {
border-radius: 0px 4px 4px 0px;
border-radius: 0px 6px 6px 0px;
color: #fff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(129, 161, 193, 0.7);
@@ -2518,7 +2518,7 @@ GraniteWidgetsWelcome {
color: rgba(254, 254, 254, 0.5); }
.titlebar .path-bar-box widget > .text-button:last-child:only-child,
headerbar .path-bar-box widget > .text-button:last-child:only-child {
border-radius: 4px; }
border-radius: 6px; }
.selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
@@ -2570,13 +2570,13 @@ headerbar separator {
.background:not(.tiled):not(.maximized) .titlebar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); }
.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar {
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
border-top-left-radius: 6px;
border-top-right-radius: 6px; }
window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child {
border-top-left-radius: 4px; }
border-top-left-radius: 6px; }
window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child {
border-top-right-radius: 4px; }
border-top-right-radius: 6px; }
window.csd > .titlebar:not(headerbar) {
padding: 0;
@@ -5303,7 +5303,7 @@ button.raven-trigger {
border-bottom-style: none; }
.raven .raven-header button {
color: #d8dee9;
border-radius: 4px;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
border: 1px solid #232831;
@@ -5650,7 +5650,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
margin-top: 7px;
margin-bottom: 7px;
color: #d8dee9;
border-radius: 4px;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
border: 1px solid #232831;
@@ -5696,7 +5696,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
.nautilus-window #NautilusPathBar button.current-dir:only-child image {
margin-right: -6px;
padding: 0px 0px 0px 12px;
border-radius: 4px 0px 0px 4px; }
border-radius: 6px 0px 0px 6px; }
.nautilus-window #NautilusQueryEditor {
margin-top: 8px;
margin-bottom: 8px; }
@@ -6398,7 +6398,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell {
background: #2b313c; }
.nemo-window toolbar.primary-toolbar button {
color: #d8dee9;
border-radius: 4px;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
border: 1px solid #232831;
@@ -6444,7 +6444,7 @@ scrolledwindow.sidebar treeview.view {
window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button,
.thunar toolbar .path-bar-button {
color: #d8dee9;
border-radius: 4px;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
border: 1px solid #232831;
gtk-4.0/gtk.css
+45 -45
View File
@@ -321,11 +321,11 @@ popover.background.magnifier > contents, .osd {
background-image: radial-gradient(farthest-side, #b4c7da 95%, rgba(180, 199, 218, 0)); } }
notebook > header > tabs > arrow,
button {
min-height: 20px;
min-height: 22px;
min-width: 16px;
padding: 2px 6px;
padding: 4px 6px;
border: 1px solid #232831;
border-radius: 4px;
border-radius: 6px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
font-weight: normal;
color: #d8dee9;
@@ -452,7 +452,7 @@ button {
button.text-button.image-button {
padding-left: 8px;
padding-right: 8px;
border-radius: 2px; }
border-radius: 6px; }
notebook > header > tabs > arrow.text-button.image-button label,
button.text-button.image-button label {
padding-left: 8px;
@@ -471,7 +471,7 @@ button.osd {
min-width: 24px;
min-height: 20px;
color: #d8dee9;
border-radius: 5px;
border-radius: 6px;
outline-color: rgba(216, 222, 233, 0.3);
color: #d8dee9;
border-color: #232831;
@@ -628,12 +628,12 @@ button.suggested-action {
border: none;
box-shadow: none;
color: white;
border-radius: 4px;
border-radius: 6px;
background: linear-gradient(to right, #5e81ac 0%, #5e81ac 100%); }
button.suggested-action.flat {
box-shadow: none;
color: white;
border-radius: 4px;
border-radius: 6px;
background: linear-gradient(to right, #5e81ac 0%, #5e81ac 100%); }
button.suggested-action:hover {
color: white;
@@ -735,12 +735,12 @@ button.destructive-action {
border: none;
box-shadow: none;
color: white;
border-radius: 4px;
border-radius: 6px;
background: linear-gradient(to right, #bf616a, #bf616a); }
button.destructive-action.flat {
box-shadow: none;
color: white;
border-radius: 4px;
border-radius: 6px;
background: linear-gradient(to right, #5e81ac 0%, #5e81ac 100%); }
button.destructive-action:hover {
color: white;
@@ -860,7 +860,7 @@ button.destructive-action {
animation: none;
background-image: none; }
.inline-toolbar button, .inline-toolbar button:backdrop {
border-radius: 2px;
border-radius: 6px;
border-width: 1px; }
.primary-toolbar button, .primary-toolbar .raised button {
-gtk-icon-shadow: none; }
@@ -940,16 +940,16 @@ entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > bo
.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) >
entry:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px; }
border-top-left-radius: 6px;
border-bottom-left-radius: 6px; }
.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) >
entry:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-right-style: solid; }
.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) >
entry:only-child {
border-radius: 3px;
border-radius: 6px;
border-style: solid; }
.linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), spinbutton.vertical.linked > text, .linked.vertical >
@@ -959,16 +959,16 @@ entry, .linked.vertical > combobox > box > button.combo {
.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), spinbutton.vertical.linked > text:first-child, .linked.vertical >
entry:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
border-top-left-radius: 6px;
border-top-right-radius: 6px; }
.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked > text:last-child, .linked.vertical >
entry:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-style: solid; }
.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked > text:only-child, .linked.vertical >
entry:only-child {
border-radius: 3px;
border-radius: 6px;
border-style: solid; }
modelbutton.flat,
@@ -992,7 +992,7 @@ modelbutton.flat,
min-height: 26px;
padding-left: 5px;
padding-right: 5px;
border-radius: 3px;
border-radius: 6px;
outline-offset: -2px; }
modelbutton.flat:hover,
.menuitem.button.flat:hover {
@@ -1621,7 +1621,7 @@ spinbutton:not(.vertical), spinbutton.vertical > text, entry {
padding-left: 8px;
padding-right: 8px;
border: 1px solid;
border-radius: 3px;
border-radius: 6px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #d8dee9;
border-color: #232831;
@@ -1808,7 +1808,7 @@ entry:focus-within {
border-left-color: #81a1c1; }
.linked:not(.vertical) > spinbutton:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text + .popup button, .linked:not(.vertical) >
entry + .popup button {
border-radius: 0px 4px 4px 0px; }
border-radius: 0px 6px 6px 0px; }
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), .linked.vertical >
entry:not(:disabled) + entry:not(:disabled), .linked.vertical >
entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled) {
@@ -2215,7 +2215,7 @@ GraniteWidgetsWelcome {
.titlebar button,
headerbar button {
color: #d8dee9;
border-radius: 4px;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
border: 1px solid #232831;
@@ -2290,7 +2290,7 @@ GraniteWidgetsWelcome {
min-height: 14px;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 4px;
border-radius: 6px;
font-weight: normal;
color: white;
background-color: #3c4454;
@@ -2336,7 +2336,7 @@ GraniteWidgetsWelcome {
min-height: 14px;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 4px;
border-radius: 6px;
font-weight: normal;
color: white;
background-color: #3c4454;
@@ -2422,8 +2422,8 @@ GraniteWidgetsWelcome {
headerbar .linked > button:first-child,
.titlebar .path-bar-box headerbar button:first-child,
headerbar .path-bar-box button:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
border-top-left-radius: 6px;
border-bottom-left-radius: 6px; }
.titlebar .linked > button:last-child, .titlebar .path-bar-box button:last-child,
.titlebar headerbar .linked > button:last-child,
headerbar .path-bar-box .titlebar button:last-child,
@@ -2431,8 +2431,8 @@ GraniteWidgetsWelcome {
headerbar .linked > button:last-child,
.titlebar .path-bar-box headerbar button:last-child,
headerbar .path-bar-box button:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-right-style: solid; }
.titlebar .linked > button:only-child, .titlebar .path-bar-box button:only-child,
.titlebar headerbar .linked > button:only-child,
@@ -2441,7 +2441,7 @@ GraniteWidgetsWelcome {
headerbar .linked > button:only-child,
.titlebar .path-bar-box headerbar button:only-child,
headerbar .path-bar-box button:only-child {
border-radius: 4px;
border-radius: 6px;
border-style: solid; }
.titlebar .linked > button:active,
.titlebar headerbar .linked > button:active, .titlebar .path-bar-box button:active,
@@ -2497,17 +2497,17 @@ GraniteWidgetsWelcome {
.titlebar .path-bar-box button:last-child:active, .titlebar .path-bar-box button:last-child:checked,
headerbar .path-bar-box button:last-child:active,
headerbar .path-bar-box button:last-child:checked {
border-radius: 0px 4px 4px 0px; }
border-radius: 0px 6px 6px 0px; }
.titlebar .path-bar-box button:first-child,
headerbar .path-bar-box button:first-child {
border-radius: 4px 0px 0px 4px; }
border-radius: 6px 0px 0px 6px; }
.titlebar .path-bar-box button:first-child:active, .titlebar .path-bar-box button:first-child:checked,
headerbar .path-bar-box button:first-child:active,
headerbar .path-bar-box button:first-child:checked {
border-radius: 4px; }
border-radius: 6px; }
.titlebar .path-bar-box widget > .text-button:last-child,
headerbar .path-bar-box widget > .text-button:last-child {
border-radius: 0px 4px 4px 0px;
border-radius: 0px 6px 6px 0px;
color: #fff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(129, 161, 193, 0.7);
@@ -2518,7 +2518,7 @@ GraniteWidgetsWelcome {
color: rgba(254, 254, 254, 0.5); }
.titlebar .path-bar-box widget > .text-button:last-child:only-child,
headerbar .path-bar-box widget > .text-button:last-child:only-child {
border-radius: 4px; }
border-radius: 6px; }
.selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
@@ -2570,13 +2570,13 @@ headerbar separator {
.background:not(.tiled):not(.maximized) .titlebar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); }
.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar {
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
border-top-left-radius: 6px;
border-top-right-radius: 6px; }
window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child {
border-top-left-radius: 4px; }
border-top-left-radius: 6px; }
window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child {
border-top-right-radius: 4px; }
border-top-right-radius: 6px; }
window.csd > .titlebar:not(headerbar) {
padding: 0;
@@ -5303,7 +5303,7 @@ button.raven-trigger {
border-bottom-style: none; }
.raven .raven-header button {
color: #d8dee9;
border-radius: 4px;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
border: 1px solid #232831;
@@ -5650,7 +5650,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
margin-top: 7px;
margin-bottom: 7px;
color: #d8dee9;
border-radius: 4px;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
border: 1px solid #232831;
@@ -5696,7 +5696,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
.nautilus-window #NautilusPathBar button.current-dir:only-child image {
margin-right: -6px;
padding: 0px 0px 0px 12px;
border-radius: 4px 0px 0px 4px; }
border-radius: 6px 0px 0px 6px; }
.nautilus-window #NautilusQueryEditor {
margin-top: 8px;
margin-bottom: 8px; }
@@ -6398,7 +6398,7 @@ ConversationListView .view .cell, ConversationListView iconview .cell {
background: #2b313c; }
.nemo-window toolbar.primary-toolbar button {
color: #d8dee9;
border-radius: 4px;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
border: 1px solid #232831;
@@ -6444,7 +6444,7 @@ scrolledwindow.sidebar treeview.view {
window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button,
.thunar toolbar .path-bar-button {
color: #d8dee9;
border-radius: 4px;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
border: 1px solid #232831;
gtk-4.0/widgets/_buttons.scss
+17 -17
View File
@@ -14,11 +14,11 @@ $_dot_color: if($variant=='light', $selected_bg_color,
%button,
button {
@at-root %button_basic, & {
min-height: 20px;
min-height: 22px;
min-width: 16px;
padding: 2px 6px;
padding: 4px 6px;
border: 1px solid $borders_color;
border-radius: 4px;
border-radius: 6px;
transition: $button_transition;
@include button(normal);
@@ -98,7 +98,7 @@ button {
&.text-button.image-button {
padding-left: 8px;
padding-right: 8px;
border-radius: 2px;
border-radius: 6px;
label {
padding-left: 8px;
padding-right: 8px;
@@ -134,7 +134,7 @@ button {
&.image-button { min-width: 32px; }
color: $osd_fg_color;
border-radius: 5px;
border-radius: 6px;
outline-color: transparentize($osd_fg_color, 0.7); //FIXME: define a color var?
@include button(osd);
@@ -327,7 +327,7 @@ button {
//inline-toolbar buttons
.inline-toolbar &, .inline-toolbar &:backdrop {
border-radius: 2px;
border-radius: 6px;
border-width: 1px;
@extend %linked;
}
@@ -440,18 +440,18 @@ toolbar.inline-toolbar toolbutton:backdrop {
@extend %linked_middle;
&:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
&:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-right-style: solid;
}
&:only-child {
border-radius: 3px;
border-radius: 6px;
border-style: solid;
}
}
@@ -465,18 +465,18 @@ toolbar.inline-toolbar toolbutton:backdrop {
@extend %linked_vertical_middle;
&:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
&:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-style: solid;
}
&:only-child {
border-radius: 3px;
border-radius: 6px;
border-style: solid;
}
}
@@ -497,7 +497,7 @@ modelbutton.flat,
min-height: 26px;
padding-left: 5px;
padding-right: 5px;
border-radius: 3px;
border-radius: 6px;
outline-offset: -2px;
@extend %undecorated_button;
gtk-4.0/widgets/_entries.scss
+2 -2
View File
@@ -9,7 +9,7 @@ entry {
padding-left: 8px;
padding-right: 8px;
border: 1px solid;
border-radius: 3px;
border-radius: 6px;
transition: all 200ms $ease-out-quad;
@include entry(normal);
@@ -129,7 +129,7 @@ entry {
}
}
+ .popup button {
border-radius: 0px 4px 4px 0px;
border-radius: 0px 6px 6px 0px;
}
}
// Vertically linked entries
gtk-4.0/widgets/_header-bars.scss
+15 -15
View File
@@ -90,7 +90,7 @@ headerbar {
min-height: 14px;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 4px;
border-radius: 6px;
@include button(normal, $b_color, white);
box-shadow: none;
@@ -138,18 +138,18 @@ headerbar {
margin: 5px 0px;
min-height: 20px;
&:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
&:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-right-style: solid;
}
&:only-child {
border-radius: 4px;
border-radius: 6px;
border-style: solid;
}
}
@@ -183,24 +183,24 @@ headerbar {
margin-left: -1px;
border-radius: 0px;
&:active, &:checked {
border-radius: 0px 4px 4px 0px;
border-radius: 0px 6px 6px 0px;
}
}
&:first-child {
border-radius: 4px 0px 0px 4px;
border-radius: 6px 0px 0px 6px;
&:active, &:checked {
border-radius: 4px;
border-radius: 6px;
}
}
}
widget > .text-button:last-child{
border-radius: 0px 4px 4px 0px;
border-radius: 0px 6px 6px 0px;
@include button(active, transparentize($selected_bg_color, 0.3), #fff);
&:backdrop, &:backdrop label {
color: $backdrop_selected_fg_color;
}
&:only-child{
border-radius: 4px;
border-radius: 6px;
}
}
}
@@ -278,16 +278,16 @@ headerbar {
&:backdrop, & {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
}
headerbar {
window:not(.tiled):not(.maximized) separator:first-child + &, // tackles the paned container case
window:not(.tiled):not(.maximized) &:first-child { &:backdrop, & { border-top-left-radius: 4px; }}
window:not(.tiled):not(.maximized) &:first-child { &:backdrop, & { border-top-left-radius: 6px; }}
window:not(.tiled):not(.maximized) &:last-child { &:backdrop, & { border-top-right-radius: 4px; }}
window:not(.tiled):not(.maximized) &:last-child { &:backdrop, & { border-top-right-radius: 6px; }}
}
.titlebar:not(headerbar) {