luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 23:39:51 +01:00
Code Issues Projects Releases Wiki Activity

Improve flat buttons style

Browse Source
This commit is contained in:
EliverLara
2020-01-02 12:40:24 -06:00
parent e92731b6c5
commit be6f4fb5a7
5 changed files with 53 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
gtk-3.0/_drawing.scss
View File

@@ -429,8 +429,7 @@ box-shadow: none;
// border-color: transparent; // border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: mix($bg_color, $base_color, 20%); border-color: transparent;
// border: 1px solid transparentize($tc, 0.7);
@include _shadows(inset 0 1px transparentize(white, 1), @include _shadows(inset 0 1px transparentize(white, 1),
$_blank_edge); $_blank_edge);

60
gtk-3.0/gtk-dark.css
View File

@@ -276,7 +276,7 @@ button {
button.flat { button.flat {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -284,7 +284,11 @@ button {
notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:hover,
button.flat:hover { button.flat:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 500ms; } transition-duration: 500ms;
color: #f7f7f7;
outline-color: rgba(247, 247, 247, 0.3);
background-color: #F67E7D;
text-shadow: none; }
notebook > header > tabs > arrow:hover:active, notebook > header > tabs > arrow:hover:active,
button.flat:hover:active { button.flat:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@@ -349,7 +353,7 @@ button {
button.flat:backdrop:disabled { button.flat:backdrop:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
@@ -549,7 +553,7 @@ button {
button.flat { button.flat {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -585,7 +589,7 @@ button {
button.flat:backdrop { button.flat:backdrop {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
@@ -683,7 +687,7 @@ button.suggested-action {
button.suggested-action.flat:backdrop:disabled { button.suggested-action.flat:backdrop:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -841,7 +845,7 @@ button.destructive-action {
button.destructive-action.flat:backdrop:disabled { button.destructive-action.flat:backdrop:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -989,12 +993,12 @@ toolbar button:active {
.inline-toolbar toolbutton > button { .inline-toolbar toolbutton > button {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
color: #F67E7D; } color: #f7f7f7; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #f46665; } color: #f46665; }
.inline-toolbar toolbutton > button:disabled { .inline-toolbar toolbutton > button:disabled {
@@ -2937,7 +2941,7 @@ menu,
.context-menu > arrow { .context-menu > arrow {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3116,7 +3120,7 @@ notebook > header {
notebook > header > tabs > arrow:disabled { notebook > header > tabs > arrow:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
@@ -3164,12 +3168,6 @@ notebook > header {
color: #F67E7D; } color: #F67E7D; }
notebook > header tab button.flat, notebook > header tab button.flat:backdrop { notebook > header tab button.flat, notebook > header tab button.flat:backdrop {
color: alpha(currentColor,0.3); } color: alpha(currentColor,0.3); }
notebook > header tab button.flat:last-child {
margin-left: 4px;
margin-right: -4px; }
notebook > header tab button.flat:first-child {
margin-left: -4px;
margin-right: 4px; }
notebook > header.top tabs, notebook > header.bottom tabs { notebook > header.top tabs, notebook > header.bottom tabs {
padding-left: 0px; padding-left: 0px;
padding-right: 0px; } padding-right: 0px; }
@@ -3214,14 +3212,6 @@ notebook > stack:not(:only-child) {
notebook > stack:not(:only-child):backdrop { notebook > stack:not(:only-child):backdrop {
background-color: #1A1E21; } background-color: #1A1E21; }
notebook button.flat {
padding: 2px 4px; }
notebook button.flat, notebook button.flat:backdrop {
border: none;
background-color: transparent; }
notebook button.flat:hover, notebook button.flat:active, notebook button.flat:checked {
background: #F67E7D; }
/********* /*********
* Paned * * Paned *
*********/ *********/
@@ -3938,7 +3928,7 @@ scrollbar {
transition-property: min-height, min-width, color; transition-property: min-height, min-width, color;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3946,7 +3936,7 @@ scrollbar {
scrollbar button:hover { scrollbar button:hover {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3954,7 +3944,7 @@ scrollbar {
scrollbar button:active, scrollbar button:checked { scrollbar button:active, scrollbar button:checked {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3962,7 +3952,7 @@ scrollbar {
scrollbar button:disabled { scrollbar button:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3970,7 +3960,7 @@ scrollbar {
scrollbar button:backdrop { scrollbar button:backdrop {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3978,7 +3968,7 @@ scrollbar {
scrollbar button:backdrop:disabled { scrollbar button:backdrop:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -4163,7 +4153,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button { .osd spinbutton:not(.vertical) button {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -4178,7 +4168,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:hover { .osd spinbutton:not(.vertical) button:hover {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -4190,7 +4180,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:backdrop { .osd spinbutton:not(.vertical) button:backdrop {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -4201,7 +4191,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:disabled { .osd spinbutton:not(.vertical) button:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;

60
gtk-3.0/gtk.css
View File

@@ -276,7 +276,7 @@ button {
button.flat { button.flat {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -284,7 +284,11 @@ button {
notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:hover,
button.flat:hover { button.flat:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 500ms; } transition-duration: 500ms;
color: #f7f7f7;
outline-color: rgba(247, 247, 247, 0.3);
background-color: #F67E7D;
text-shadow: none; }
notebook > header > tabs > arrow:hover:active, notebook > header > tabs > arrow:hover:active,
button.flat:hover:active { button.flat:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@@ -349,7 +353,7 @@ button {
button.flat:backdrop:disabled { button.flat:backdrop:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
@@ -549,7 +553,7 @@ button {
button.flat { button.flat {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -585,7 +589,7 @@ button {
button.flat:backdrop { button.flat:backdrop {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
@@ -683,7 +687,7 @@ button.suggested-action {
button.suggested-action.flat:backdrop:disabled { button.suggested-action.flat:backdrop:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -841,7 +845,7 @@ button.destructive-action {
button.destructive-action.flat:backdrop:disabled { button.destructive-action.flat:backdrop:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -989,12 +993,12 @@ toolbar button:active {
.inline-toolbar toolbutton > button { .inline-toolbar toolbutton > button {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
color: #F67E7D; } color: #f7f7f7; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #f46665; } color: #f46665; }
.inline-toolbar toolbutton > button:disabled { .inline-toolbar toolbutton > button:disabled {
@@ -2937,7 +2941,7 @@ menu,
.context-menu > arrow { .context-menu > arrow {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3116,7 +3120,7 @@ notebook > header {
notebook > header > tabs > arrow:disabled { notebook > header > tabs > arrow:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
@@ -3164,12 +3168,6 @@ notebook > header {
color: #F67E7D; } color: #F67E7D; }
notebook > header tab button.flat, notebook > header tab button.flat:backdrop { notebook > header tab button.flat, notebook > header tab button.flat:backdrop {
color: alpha(currentColor,0.3); } color: alpha(currentColor,0.3); }
notebook > header tab button.flat:last-child {
margin-left: 4px;
margin-right: -4px; }
notebook > header tab button.flat:first-child {
margin-left: -4px;
margin-right: 4px; }
notebook > header.top tabs, notebook > header.bottom tabs { notebook > header.top tabs, notebook > header.bottom tabs {
padding-left: 0px; padding-left: 0px;
padding-right: 0px; } padding-right: 0px; }
@@ -3214,14 +3212,6 @@ notebook > stack:not(:only-child) {
notebook > stack:not(:only-child):backdrop { notebook > stack:not(:only-child):backdrop {
background-color: #1A1E21; } background-color: #1A1E21; }
notebook button.flat {
padding: 2px 4px; }
notebook button.flat, notebook button.flat:backdrop {
border: none;
background-color: transparent; }
notebook button.flat:hover, notebook button.flat:active, notebook button.flat:checked {
background: #F67E7D; }
/********* /*********
* Paned * * Paned *
*********/ *********/
@@ -3938,7 +3928,7 @@ scrollbar {
transition-property: min-height, min-width, color; transition-property: min-height, min-width, color;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3946,7 +3936,7 @@ scrollbar {
scrollbar button:hover { scrollbar button:hover {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3954,7 +3944,7 @@ scrollbar {
scrollbar button:active, scrollbar button:checked { scrollbar button:active, scrollbar button:checked {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3962,7 +3952,7 @@ scrollbar {
scrollbar button:disabled { scrollbar button:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3970,7 +3960,7 @@ scrollbar {
scrollbar button:backdrop { scrollbar button:backdrop {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -3978,7 +3968,7 @@ scrollbar {
scrollbar button:backdrop:disabled { scrollbar button:backdrop:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -4163,7 +4153,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button { .osd spinbutton:not(.vertical) button {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -4178,7 +4168,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:hover { .osd spinbutton:not(.vertical) button:hover {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -4190,7 +4180,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:backdrop { .osd spinbutton:not(.vertical) button:backdrop {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
@@ -4201,7 +4191,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:disabled { .osd spinbutton:not(.vertical) button:disabled {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
background-color: #1c2023; border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;

3
gtk-3.0/widgets/_buttons.scss
View File

@@ -45,6 +45,7 @@ button {
&:hover { &:hover {
transition: $button_transition; transition: $button_transition;
transition-duration: 500ms; transition-duration: 500ms;
@include button(hover,$selected_bg_color,$selected_fg_color);
&:active { transition: $button_transition; } &:active { transition: $button_transition; }
} }
@@ -410,7 +411,7 @@ toolbar {
// needed since those are flat... // needed since those are flat...
@include button(undecorated); @include button(undecorated);
&:hover { color: $selected_bg_color; } &:hover { color: $selected_fg_color; }
&:active, &:active,
&:checked{ color: darken($selected_bg_color, 5%); } &:checked{ color: darken($selected_bg_color, 5%); }

21
gtk-3.0/widgets/_notebooks.scss
View File

@@ -223,16 +223,6 @@ notebook {
// FIXME: generalize .small-button? // FIXME: generalize .small-button?
min-width: 20px; min-width: 20px;
min-height: 20px; min-height: 20px;
&:last-child {
margin-left: 4px;
margin-right: -4px;
}
&:first-child {
margin-left: -4px;
margin-right: 4px;
}
} }
} }
@@ -296,15 +286,4 @@ notebook {
&:backdrop { background-color: $backdrop_bg_color; } &:backdrop { background-color: $backdrop_bg_color; }
} }
button.flat{
&, &:backdrop {
border: none;
background-color: transparent;
}
&:hover, &:active, &:checked {
background: $selected_bg_color;
}
padding: 2px 4px;
}
} }