luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 15:29:53 +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 b84aa67170
commit 23af899b83
5 changed files with 53 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -276,7 +276,7 @@ button {
button.flat {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -284,7 +284,11 @@ button {
notebook > header > tabs > arrow:hover,
button.flat:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 500ms; }
transition-duration: 500ms;
color: #fefefe;
outline-color: rgba(254, 254, 254, 0.3);
background-color: #c50ed2;
text-shadow: none; }
notebook > header > tabs > arrow:hover:active,
button.flat:hover:active {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@@ -349,7 +353,7 @@ button {
button.flat:backdrop:disabled {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
@@ -549,7 +553,7 @@ button {
button.flat {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -585,7 +589,7 @@ button {
button.flat:backdrop {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
@@ -681,7 +685,7 @@ button.suggested-action {
button.suggested-action.flat:backdrop:disabled {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -834,7 +838,7 @@ button.destructive-action {
button.destructive-action.flat:backdrop:disabled {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -979,12 +983,12 @@ toolbar button:active {
.inline-toolbar toolbutton > button {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:hover {
color: #c50ed2; }
color: #fefefe; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #af0cba; }
.inline-toolbar toolbutton > button:disabled {
@@ -2924,7 +2928,7 @@ menu,
.context-menu > arrow {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -3103,7 +3107,7 @@ notebook > header {
notebook > header > tabs > arrow:disabled {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
@@ -3151,12 +3155,6 @@ notebook > header {
color: #ed254e; }
notebook > header tab button.flat, notebook > header tab button.flat:backdrop {
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 {
padding-left: 0px;
padding-right: 0px; }
@@ -3201,14 +3199,6 @@ notebook > stack:not(:only-child) {
notebook > stack:not(:only-child):backdrop {
background-color: #1a1d2b; }
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: #c50ed2; }
/*********
* Paned *
*********/
@@ -3925,7 +3915,7 @@ scrollbar {
transition-property: min-height, min-width, color;
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -3933,7 +3923,7 @@ scrollbar {
scrollbar button:hover {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -3941,7 +3931,7 @@ scrollbar {
scrollbar button:active, scrollbar button:checked {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -3949,7 +3939,7 @@ scrollbar {
scrollbar button:disabled {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -3957,7 +3947,7 @@ scrollbar {
scrollbar button:backdrop {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -3965,7 +3955,7 @@ scrollbar {
scrollbar button:backdrop:disabled {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -4154,7 +4144,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -4169,7 +4159,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:hover {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -4181,7 +4171,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:backdrop {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -4192,7 +4182,7 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:disabled {
background-color: transparent;
background-image: none;
background-color: #181b28;
border-color: transparent;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;