From af3aa7ca0da8ec472dd97e9e16c98aefa090d622 Mon Sep 17 00:00:00 2001 From: EliverLara Date: Sun, 4 Aug 2024 14:50:36 -0600 Subject: [PATCH] Gnome 46: Improve buttons appearance --- gtk-4.0/_drawing.scss | 6 +-- gtk-4.0/apps/_gnome.scss | 2 +- gtk-4.0/gtk-dark.css | 90 +++++++++++++++---------------- gtk-4.0/gtk.css | 90 +++++++++++++++---------------- gtk-4.0/widgets/_buttons.scss | 34 ++++++------ gtk-4.0/widgets/_entries.scss | 4 +- gtk-4.0/widgets/_header-bars.scss | 30 +++++------ 7 files changed, 128 insertions(+), 128 deletions(-) diff --git a/gtk-4.0/_drawing.scss b/gtk-4.0/_drawing.scss index ab90075..cf0dde2 100755 --- a/gtk-4.0/_drawing.scss +++ b/gtk-4.0/_drawing.scss @@ -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; diff --git a/gtk-4.0/apps/_gnome.scss b/gtk-4.0/apps/_gnome.scss index 547b5f7..88556d9 100755 --- a/gtk-4.0/apps/_gnome.scss +++ b/gtk-4.0/apps/_gnome.scss @@ -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; } } } diff --git a/gtk-4.0/gtk-dark.css b/gtk-4.0/gtk-dark.css index 9e62a55..a428e28 100755 --- a/gtk-4.0/gtk-dark.css +++ b/gtk-4.0/gtk-dark.css @@ -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; diff --git a/gtk-4.0/gtk.css b/gtk-4.0/gtk.css index 8ab9eaf..806566e 100755 --- a/gtk-4.0/gtk.css +++ b/gtk-4.0/gtk.css @@ -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; diff --git a/gtk-4.0/widgets/_buttons.scss b/gtk-4.0/widgets/_buttons.scss index 934c7e8..4ec7b45 100644 --- a/gtk-4.0/widgets/_buttons.scss +++ b/gtk-4.0/widgets/_buttons.scss @@ -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; diff --git a/gtk-4.0/widgets/_entries.scss b/gtk-4.0/widgets/_entries.scss index 5e267cf..dffd39a 100644 --- a/gtk-4.0/widgets/_entries.scss +++ b/gtk-4.0/widgets/_entries.scss @@ -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 diff --git a/gtk-4.0/widgets/_header-bars.scss b/gtk-4.0/widgets/_header-bars.scss index 6af69be..6eaf295 100644 --- a/gtk-4.0/widgets/_header-bars.scss +++ b/gtk-4.0/widgets/_header-bars.scss @@ -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) {