Commit 8b785829 authored by ju1464's avatar ju1464
Browse files

ChgButtonsQuitGTKOutlFixNotifBannButtons

parent d71417d2
......@@ -103,7 +103,7 @@ stage {
.modal-dialog-linked-button:hover {
color: #f7f7f7;
background-color: rgba(58, 68, 230, 0.08);
background-color: rgba(58, 68, 230, 0.4);
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
......@@ -2196,7 +2196,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-size: 1em;
width: 34em;
min-height: 64px;
margin: 5px;
border-radius: 5px;
color: #f7f7f7;
background-color: #282828;
......@@ -2228,30 +2227,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.notification-banner .notification-actions {
background-color: transparent;
padding-top: 0;
padding: 6px;
spacing: 6px;
padding: 0px;
spacing: 0px;
}
.notification-banner .notification-button {
transition-duration: 100ms;
min-height: 36px;
padding: 0 8px;
border-radius: 5px;
border-radius: 0px;
background-color: transparent;
color: rgba(247, 247, 247, 0.7);
font-weight: 500;
}
.notification-banner .notification-button:first-child {
border-radius: 5px;
border-radius: 0 0 0 5px;
}
.notification-banner .notification-button:last-child {
border-radius: 5px;
border-radius: 0 0 5px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
background-color: rgba(247, 247, 247, 0.08);
background-color: rgba(58, 68, 230, 0.4);
color: #f7f7f7;
}
......
......@@ -9,7 +9,7 @@
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
outline-style: solid;
outline-width: 2px;
outline-width: 0px;
outline-color: transparent;
outline-offset: -4px;
-gtk-outline-radius: 5px;
......@@ -460,16 +460,16 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
}
}
button {
min-height: 24px;
min-width: 16px;
padding: 6px 10px;
border-radius: 5px;
border-radius: 9999px;
-gtk-outline-radius: 9999px;
font-weight: 500;
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
background-color: #282828;
background-color: #181818;
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
......@@ -477,13 +477,12 @@ button {
color: #f7f7f7;
}
button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
background-color: rgba(58, 68, 230, 0.4);
color: #f7f7f7;
}
button:active {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
......@@ -493,20 +492,17 @@ button:active {
color: #f7f7f7;
}
button:disabled {
box-shadow: none;
background-color: rgba(247, 247, 247, 0.04);
color: rgba(247, 247, 247, 0.5);
}
button:checked {
background-color: #3a44e6;
color: white;
}
button:checked:disabled {
background-color: rgba(247, 247, 247, 0.12);
color: rgba(247, 247, 247, 0.5);
......@@ -828,40 +824,40 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
border-radius: 0;
-gtk-outline-radius: 5px;
-gtk-outline-radius: 0px;
}
.linked > button:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.linked > button:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.linked > button:only-child {
border-radius: 5px;
border-radius: 0px;
}
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
border-radius: 0;
-gtk-outline-radius: 5px;
-gtk-outline-radius: 0px;
}
.linked.vertical > button:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.linked.vertical > button:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.linked.vertical > button:only-child {
border-radius: 5px;
border-radius: 0px;
}
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo {
......
......@@ -95,7 +95,7 @@ stage {
.modal-dialog-linked-button:focus {
background-color: #45C847;
color: #241f1c;
color: #f7f7f7;
text-shadow: none;
icon-shadow: none;
box-shadow: 0 0 transparent;
......@@ -103,7 +103,7 @@ stage {
.modal-dialog-linked-button:hover {
color: #f7f7f7;
background-color: rgba(69, 200, 71, 0.08);
background-color: rgba(69, 200, 71, 0.4);
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
......@@ -2196,7 +2196,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-size: 1em;
width: 34em;
min-height: 64px;
margin: 5px;
border-radius: 5px;
color: #f7f7f7;
background-color: #282828;
......@@ -2228,30 +2227,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.notification-banner .notification-actions {
background-color: transparent;
padding-top: 0;
padding: 6px;
spacing: 6px;
padding: 0px;
spacing: 0px;
}
.notification-banner .notification-button {
transition-duration: 100ms;
min-height: 36px;
padding: 0 8px;
border-radius: 5px;
border-radius: 0px;
background-color: transparent;
color: rgba(247, 247, 247, 0.7);
font-weight: 500;
}
.notification-banner .notification-button:first-child {
border-radius: 5px;
border-radius: 0 0 0 5px;
}
.notification-banner .notification-button:last-child {
border-radius: 5px;
border-radius: 0 0 5px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
background-color: rgba(247, 247, 247, 0.08);
background-color: rgba(69, 200, 71, 0.4);
color: #f7f7f7;
}
......
......@@ -9,7 +9,7 @@
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
outline-style: solid;
outline-width: 2px;
outline-width: 0px;
outline-color: transparent;
outline-offset: -4px;
-gtk-outline-radius: 5px;
......@@ -460,16 +460,16 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
}
}
button {
min-height: 24px;
min-width: 16px;
padding: 6px 10px;
border-radius: 5px;
border-radius: 9999px;
-gtk-outline-radius: 9999px;
font-weight: 500;
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
background-color: #282828;
background-color: #181818;
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
......@@ -477,13 +477,12 @@ button {
color: #f7f7f7;
}
button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
background-color: rgba(69, 200, 71, 0.4);
color: #f7f7f7;
}
button:active {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
......@@ -493,20 +492,17 @@ button:active {
color: #f7f7f7;
}
button:disabled {
box-shadow: none;
background-color: rgba(247, 247, 247, 0.04);
color: rgba(247, 247, 247, 0.5);
}
button:checked {
background-color: #45c847;
color: white;
}
button:checked:disabled {
background-color: rgba(247, 247, 247, 0.12);
color: rgba(247, 247, 247, 0.5);
......@@ -828,40 +824,40 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
border-radius: 0;
-gtk-outline-radius: 5px;
-gtk-outline-radius: 0px;
}
.linked > button:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.linked > button:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.linked > button:only-child {
border-radius: 5px;
border-radius: 0px;
}
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
border-radius: 0;
-gtk-outline-radius: 5px;
-gtk-outline-radius: 0px;
}
.linked.vertical > button:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.linked.vertical > button:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.linked.vertical > button:only-child {
border-radius: 5px;
border-radius: 0px;
}
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo {
......
......@@ -103,7 +103,7 @@ stage {
.modal-dialog-linked-button:hover {
color: #f7f7f7;
background-color: rgba(205, 44, 216, 0.08);
background-color: rgba(205, 44, 216, 0.4);
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
......@@ -2196,7 +2196,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-size: 1em;
width: 34em;
min-height: 64px;
margin: 5px;
border-radius: 5px;
color: #f7f7f7;
background-color: #282828;
......@@ -2228,30 +2227,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.notification-banner .notification-actions {
background-color: transparent;
padding-top: 0;
padding: 6px;
spacing: 6px;
padding: 0px;
spacing: 0px;
}
.notification-banner .notification-button {
transition-duration: 100ms;
min-height: 36px;
padding: 0 8px;
border-radius: 5px;
border-radius: 0px;
background-color: transparent;
color: rgba(247, 247, 247, 0.7);
font-weight: 500;
}
.notification-banner .notification-button:first-child {
border-radius: 5px;
border-radius: 0 0 0 5px;
}
.notification-banner .notification-button:last-child {
border-radius: 5px;
border-radius: 0 0 5px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
background-color: rgba(247, 247, 247, 0.08);
background-color: rgba(205, 44, 216, 0.4);
color: #f7f7f7;
}
......
......@@ -9,7 +9,7 @@
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
outline-style: solid;
outline-width: 2px;
outline-width: 0px;
outline-color: transparent;
outline-offset: -4px;
-gtk-outline-radius: 5px;
......@@ -460,16 +460,16 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
}
}
button {
min-height: 24px;
min-width: 16px;
padding: 6px 10px;
border-radius: 5px;
border-radius: 9999px;
-gtk-outline-radius: 9999px;
font-weight: 500;
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
background-color: #282828;
background-color: #181818;
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
background-repeat: no-repeat;
background-position: center;
......@@ -477,13 +477,12 @@ button {
color: #f7f7f7;
}
button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
background-color: rgba(205, 44, 216, 0.4);
color: #f7f7f7;
}
button:active {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
......@@ -493,20 +492,17 @@ button:active {
color: #f7f7f7;
}
button:disabled {
box-shadow: none;
background-color: rgba(247, 247, 247, 0.04);
color: rgba(247, 247, 247, 0.5);
}
button:checked {
background-color: #cd2cd8;
color: white;
}
button:checked:disabled {
background-color: rgba(247, 247, 247, 0.12);
color: rgba(247, 247, 247, 0.5);
......@@ -828,40 +824,40 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
border-radius: 0;
-gtk-outline-radius: 5px;
-gtk-outline-radius: 0px;
}
.linked > button:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.linked > button:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.linked > button:only-child {
border-radius: 5px;
border-radius: 0px;
}
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
border-radius: 0;
-gtk-outline-radius: 5px;
-gtk-outline-radius: 0px;
}
.linked.vertical > button:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.linked.vertical > button:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.linked.vertical > button:only-child {
border-radius: 5px;
border-radius: 0px;
}
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo {
......
......@@ -95,7 +95,7 @@ stage {
.modal-dialog-linked-button:focus {
background-color: #E6823A;
color: #241f1c;
color: #f7f7f7;
text-shadow: none;
icon-shadow: none;
box-shadow: 0 0 transparent;
......@@ -103,7 +103,7 @@ stage {
.modal-dialog-linked-button:hover {
color: #f7f7f7;
background-color: rgba(230, 130, 58, 0.08);
background-color: rgba(230, 130, 58, 0.4);
border-color: transparent;
box-shadow: 0 0 transparent;
text-shadow: none;
......@@ -2196,7 +2196,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-size: 1em;
width: 34em;
min-height: 64px;
margin: 5px;
border-radius: 5px;
color: #f7f7f7;
background-color: #282828;
......@@ -2228,30 +2227,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.notification-banner .notification-actions {
background-color: transparent;
padding-top: 0;
padding: 6px;
spacing: 6px;
padding: 0px;
spacing: 0px;
}
.notification-banner .notification-button {
transition-duration: 100ms;
min-height: 36px;
padding: 0 8px;
border-radius: 5px;
border-radius: 0px;
background-color: transparent;
color: rgba(247, 247, 247, 0.7);
font-weight: 500;
}
.notification-banner .notification-button:first-child {
border-radius: 5px;
border-radius: 0 0 0 5px;
}
.notification-banner .notification-button:last-child {
border-radius: 5px;
border-radius: 0 0 5px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
background-color: rgba(247, 247, 247, 0.08);
background-color: rgba(230, 130, 58, 0.4);
color: #f7f7f7;
}
......
......@@ -9,7 +9,7 @@
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
outline-style: solid;
outline-width: 2px;
outline-width: 0px;
outline-color: transparent;
outline-offset: -4px;
-gtk-outline-radius: 5px;
......@@ -460,16 +460,16 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
}
}