From 7ce4dfd85f83c5f5cf0d6ef3eb7c748231728839 Mon Sep 17 00:00:00 2001 From: vinceliuice Date: Sat, 17 Nov 2018 09:30:28 +0800 Subject: [PATCH] Make dialog button more bigger --- src/gtk-3.0/gtk-compact-dark-solid-thin.css | 15 ++++++++++--- src/gtk-3.0/gtk-compact-dark-solid.css | 15 ++++++++++--- src/gtk-3.0/gtk-compact-dark-thin.css | 15 ++++++++++--- src/gtk-3.0/gtk-compact-dark.css | 15 ++++++++++--- src/gtk-3.0/gtk-compact-light-solid-thin.css | 15 ++++++++++--- src/gtk-3.0/gtk-compact-light-solid.css | 15 ++++++++++--- src/gtk-3.0/gtk-compact-light-thin.css | 15 ++++++++++--- src/gtk-3.0/gtk-compact-light.css | 15 ++++++++++--- src/gtk-3.0/gtk-dark-solid-thin.css | 15 ++++++++++--- src/gtk-3.0/gtk-dark-solid.css | 15 ++++++++++--- src/gtk-3.0/gtk-dark-thin.css | 15 ++++++++++--- src/gtk-3.0/gtk-dark.css | 15 ++++++++++--- src/gtk-3.0/gtk-light-solid-thin.css | 15 ++++++++++--- src/gtk-3.0/gtk-light-solid.css | 15 ++++++++++--- src/gtk-3.0/gtk-light-thin.css | 15 ++++++++++--- src/gtk-3.0/gtk-light.css | 15 ++++++++++--- src/gtk-3.0/sass/_budgie.scss | 23 +++++++++++++++++--- src/gtk-3.0/sass/_common.scss | 2 +- 18 files changed, 213 insertions(+), 52 deletions(-) diff --git a/src/gtk-3.0/gtk-compact-dark-solid-thin.css b/src/gtk-3.0/gtk-compact-dark-solid-thin.css index 22bbad2..9bf5c6f 100644 --- a/src/gtk-3.0/gtk-compact-dark-solid-thin.css +++ b/src/gtk-3.0/gtk-compact-dark-solid-thin.css @@ -4280,7 +4280,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8263,12 +8263,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #dedede; + box-shadow: none; + color: rgba(222, 222, 222, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(222, 222, 222, 0.1); + color: rgba(222, 222, 222, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(222, 222, 222, 0.15); - color: rgba(222, 222, 222, 0.75); + color: #dedede; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-compact-dark-solid.css b/src/gtk-3.0/gtk-compact-dark-solid.css index f4de9fd..85f5167 100644 --- a/src/gtk-3.0/gtk-compact-dark-solid.css +++ b/src/gtk-3.0/gtk-compact-dark-solid.css @@ -4280,7 +4280,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8263,12 +8263,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #dedede; + box-shadow: none; + color: rgba(222, 222, 222, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(222, 222, 222, 0.1); + color: rgba(222, 222, 222, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(222, 222, 222, 0.15); - color: rgba(222, 222, 222, 0.75); + color: #dedede; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-compact-dark-thin.css b/src/gtk-3.0/gtk-compact-dark-thin.css index 212b064..7145de2 100644 --- a/src/gtk-3.0/gtk-compact-dark-thin.css +++ b/src/gtk-3.0/gtk-compact-dark-thin.css @@ -4280,7 +4280,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8263,12 +8263,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #dedede; + box-shadow: none; + color: rgba(222, 222, 222, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(222, 222, 222, 0.1); + color: rgba(222, 222, 222, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(222, 222, 222, 0.15); - color: rgba(222, 222, 222, 0.75); + color: #dedede; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-compact-dark.css b/src/gtk-3.0/gtk-compact-dark.css index 80a11a3..47ebef1 100644 --- a/src/gtk-3.0/gtk-compact-dark.css +++ b/src/gtk-3.0/gtk-compact-dark.css @@ -4280,7 +4280,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8263,12 +8263,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #dedede; + box-shadow: none; + color: rgba(222, 222, 222, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(222, 222, 222, 0.1); + color: rgba(222, 222, 222, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(222, 222, 222, 0.15); - color: rgba(222, 222, 222, 0.75); + color: #dedede; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-compact-light-solid-thin.css b/src/gtk-3.0/gtk-compact-light-solid-thin.css index 1a12c03..e3c8def 100644 --- a/src/gtk-3.0/gtk-compact-light-solid-thin.css +++ b/src/gtk-3.0/gtk-compact-light-solid-thin.css @@ -4288,7 +4288,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8280,12 +8280,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #363636; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(54, 54, 54, 0.15); - color: rgba(54, 54, 54, 0.75); + color: #363636; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-compact-light-solid.css b/src/gtk-3.0/gtk-compact-light-solid.css index 7207509..3cbba9b 100644 --- a/src/gtk-3.0/gtk-compact-light-solid.css +++ b/src/gtk-3.0/gtk-compact-light-solid.css @@ -4288,7 +4288,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8280,12 +8280,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #363636; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(54, 54, 54, 0.15); - color: rgba(54, 54, 54, 0.75); + color: #363636; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-compact-light-thin.css b/src/gtk-3.0/gtk-compact-light-thin.css index 9894590..ecf1370 100644 --- a/src/gtk-3.0/gtk-compact-light-thin.css +++ b/src/gtk-3.0/gtk-compact-light-thin.css @@ -4288,7 +4288,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8280,12 +8280,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #363636; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(54, 54, 54, 0.15); - color: rgba(54, 54, 54, 0.75); + color: #363636; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-compact-light.css b/src/gtk-3.0/gtk-compact-light.css index 2c9574a..5788d68 100644 --- a/src/gtk-3.0/gtk-compact-light.css +++ b/src/gtk-3.0/gtk-compact-light.css @@ -4288,7 +4288,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8280,12 +8280,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #363636; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(54, 54, 54, 0.15); - color: rgba(54, 54, 54, 0.75); + color: #363636; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-dark-solid-thin.css b/src/gtk-3.0/gtk-dark-solid-thin.css index 8232ce7..dd67279 100644 --- a/src/gtk-3.0/gtk-dark-solid-thin.css +++ b/src/gtk-3.0/gtk-dark-solid-thin.css @@ -4266,7 +4266,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -7872,12 +7872,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #dedede; + box-shadow: none; + color: rgba(222, 222, 222, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(222, 222, 222, 0.1); + color: rgba(222, 222, 222, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(222, 222, 222, 0.15); - color: rgba(222, 222, 222, 0.75); + color: #dedede; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-dark-solid.css b/src/gtk-3.0/gtk-dark-solid.css index 3a1cdc0..bd84cf2 100644 --- a/src/gtk-3.0/gtk-dark-solid.css +++ b/src/gtk-3.0/gtk-dark-solid.css @@ -4278,7 +4278,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8264,12 +8264,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #dedede; + box-shadow: none; + color: rgba(222, 222, 222, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(222, 222, 222, 0.1); + color: rgba(222, 222, 222, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(222, 222, 222, 0.15); - color: rgba(222, 222, 222, 0.75); + color: #dedede; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-dark-thin.css b/src/gtk-3.0/gtk-dark-thin.css index b92ea34..3fbbfeb 100644 --- a/src/gtk-3.0/gtk-dark-thin.css +++ b/src/gtk-3.0/gtk-dark-thin.css @@ -4278,7 +4278,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8264,12 +8264,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #dedede; + box-shadow: none; + color: rgba(222, 222, 222, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(222, 222, 222, 0.1); + color: rgba(222, 222, 222, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(222, 222, 222, 0.15); - color: rgba(222, 222, 222, 0.75); + color: #dedede; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-dark.css b/src/gtk-3.0/gtk-dark.css index 611ae8e..869ea16 100644 --- a/src/gtk-3.0/gtk-dark.css +++ b/src/gtk-3.0/gtk-dark.css @@ -4278,7 +4278,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8264,12 +8264,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #dedede; + box-shadow: none; + color: rgba(222, 222, 222, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(222, 222, 222, 0.1); + color: rgba(222, 222, 222, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(222, 222, 222, 0.15); - color: rgba(222, 222, 222, 0.75); + color: #dedede; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-light-solid-thin.css b/src/gtk-3.0/gtk-light-solid-thin.css index 835bbc9..ae5f642 100644 --- a/src/gtk-3.0/gtk-light-solid-thin.css +++ b/src/gtk-3.0/gtk-light-solid-thin.css @@ -4304,7 +4304,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8294,12 +8294,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #363636; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(54, 54, 54, 0.15); - color: rgba(54, 54, 54, 0.75); + color: #363636; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-light-solid.css b/src/gtk-3.0/gtk-light-solid.css index d6bf9b8..ad3010f 100644 --- a/src/gtk-3.0/gtk-light-solid.css +++ b/src/gtk-3.0/gtk-light-solid.css @@ -4304,7 +4304,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8294,12 +8294,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #363636; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(54, 54, 54, 0.15); - color: rgba(54, 54, 54, 0.75); + color: #363636; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-light-thin.css b/src/gtk-3.0/gtk-light-thin.css index 2d488a3..6fa79de 100644 --- a/src/gtk-3.0/gtk-light-thin.css +++ b/src/gtk-3.0/gtk-light-thin.css @@ -4304,7 +4304,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8294,12 +8294,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #363636; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(54, 54, 54, 0.15); - color: rgba(54, 54, 54, 0.75); + color: #363636; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/gtk-light.css b/src/gtk-3.0/gtk-light.css index 5008d63..a4054be 100644 --- a/src/gtk-3.0/gtk-light.css +++ b/src/gtk-3.0/gtk-light.css @@ -4304,7 +4304,7 @@ messagedialog.csd .dialog-action-area { messagedialog.csd .dialog-action-area button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none; } @@ -8294,12 +8294,21 @@ popover.background.places-menu row { border-top-width: 0; border-bottom-width: 0; border: none; - color: #363636; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; } .budgie-panel button:active { background-color: rgba(54, 54, 54, 0.15); - color: rgba(54, 54, 54, 0.75); + color: #363636; + background-image: none; } .budgie-panel button:checked { diff --git a/src/gtk-3.0/sass/_budgie.scss b/src/gtk-3.0/sass/_budgie.scss index 7268995..61bffe2 100644 --- a/src/gtk-3.0/sass/_budgie.scss +++ b/src/gtk-3.0/sass/_budgie.scss @@ -396,9 +396,26 @@ popover.background.places-menu { border-top-width: 0; border-bottom-width: 0; border: none; - color: $panel_fg; - &:active { background-color: rgba($panel_fg, 0.15); color: rgba($panel_fg, 0.75); } - &:checked { background-color: rgba($panel_fg, 0.12); color: $panel_fg; } + box-shadow: none; + color: rgba($panel_fg, 0.85); + background: none; + + &:hover { + background-color: rgba($panel_fg, 0.10); + color: rgba($panel_fg, 0.95); + background-image: none; + } + + &:active { + background-color: rgba($panel_fg, 0.15); + color: $panel_fg; + background-image: none; + } + + &:checked { + background-color: rgba($panel_fg, 0.12); + color: $panel_fg; + } } &.horizontal button { padding: 0 4px; } diff --git a/src/gtk-3.0/sass/_common.scss b/src/gtk-3.0/sass/_common.scss index f791149..93dc56e 100644 --- a/src/gtk-3.0/sass/_common.scss +++ b/src/gtk-3.0/sass/_common.scss @@ -3196,7 +3196,7 @@ messagedialog { // Message Dialog styling padding: 0; button { min-height: 16px; - padding: 4px 8px; + padding: 6px 12px; border-bottom-style: none; background-image: none;